divブロック内のHTML要素を視覚的に拡張する方法はありますか？

Question

divブロックを使用してHTMLページを分割しました。 divブロックの1つで、テーブルを作成しました。私は、このテーブルの幅を利用可能なすべてのスペースに拡大します。

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

あなたはおそらく動作する相対的なサイズのためrelativeにテーブルのposition CSS属性を設定します。