如何在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，以使相对尺寸有效。