html - 当表格有宽度时，HTML Div 不扩展

Question

我正在使用一个表格所在的 div。表格在我的页面上没有宽度，但它会增长。

作为测试，我尝试在jsfiddle div 内的表格上设置宽度。

<div style="border:1px solid black;margin:0 50px;">
<div>
<table style="border:1px solid red; width:1000px;">
<tr><td style="white-space: nowrap;">hej</td></tr>
</table>
</div>
<div style="clear:both"></div>
</div>

谁能告诉我为什么这不起作用？例如，div 应该跨越它的宽度以使表格适合里面？

Answer 1

尝试将宽度设置%age为

width:100%

检查这个小提琴

Answer 2

如果你不给你的内表任何宽度，并继续添加内容，它工作得很好。

这是一个可行的解决方案。

编码：

<div style="border:1px solid black;margin:0 50px;">
<div>
<table style="border:1px solid red;">
<tr><td>The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. </td></tr>
</table>
</div>
<div style="clear:both"></div>
</div>

我希望这有帮助。