如何在div块中直观地展开HTML元素？

Question

我用div块分割了我的HTML页面。 在其中一个div块中，我创建了一个表格。我希望这个表格的宽度能扩展到所有可用空间。

2问题： A）如果设置了该表的宽度为100％，它似乎扩展到整个页面的大小，而不是在div块。 B）此外，它似乎没有被父div块限制（即溢出）。

如果我使用框架，这个问题会消失...但我不想使用框架。

有没有人有使用HTML/CSS的解决方案？

Answer 1

你有你的div容器需要一个静态的宽度：

div.container { width: 400px; overflow: hidden; } 
div.container table { width: 100%; } 

<div class="container"> 
    <table><tr><td>something</td></tr></table> 
</div> 

Answer 2

你可能想表的position CSS属性设置为relative的相对大小来工作。