2
問題があり、私のDIVが大きなテーブルの幅に拡大しない理由が不思議です。確かこのDIVが子どもの幅に拡大しないのはなぜですか？
<html>
<head>
<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/print.css" type="text/css" media="print" />
<!--[if lt IE 8]><link rel="stylesheet" href="http://www.blueprintcss.org/blueprint/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<style type="text/css">
div.add-padding {
padding: 15px;
background-color: red;
}
table {
background-color: blue;
}
</style>
</head>
<body>
<div class="add-padding">
<table>
<thead>
<tr><td>FOO</td></tr>
</thead>
<tbody>
<tr><td>BAR</td></tr>
</tbody>
</table>
<table>
<thead>
<tr>
<td>SEQ</td>
<td>ID</td>
<td>ParentID</td>
<td>Case Category</td>
<td>Case #</td>
<td>Case ID</td>
<td>Account Code</td>
<td>Account Code ID</td>
<td>Trans Date</td>
<td>Person ID</td>
<td>FullName</td>
<td>Suffix</td>
<td>PayeeID</td>
<td>OperatorID</td>
<td>Notes</td>
<td>CheckID</td>
<td>ReceiptID</td>
<td>Void</td>
<td>TransCategoryID</td>
<td>CaseFull</td>
<td>TransTypeID</td>
<td>Xfer To</td>
<td>Ref #</td>
<td>View Amount</td>
</tr>
</thead>
<tbody>
<tr>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
<td>foo_bar</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
可能なdup：http：//stackoverflow.com/questions/1504863/div-does-not-expand-to-maximum-width –
@Alex：私のdivは実際には（少なくともその質問の）dupではありませんビューポートの幅に展開します。含まれている要素には適用されません。 –