如何在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的相對大小來工作。