html - スクロール可能な固定高さのテーブル

Question

http://jsfiddle.net/6zM9T/

tbodyを次のcssに設定しました。

tbody {
    height:200px;
    overflow:scroll;
    display:block;
}

すべてが機能しているように見えますが、行は提供された全幅を使用していません。width：100％を追加してみました。しかし、それは何もしませんでした。何か案は？

Answer 1

これは、私に関する限り、HTML 仕様の制限です。問題は、display: ブロックを持つ tbody がある場合、それはもはや display:table-row-group ではないことです。これは、内部の行を行として機能させるために必要なものです。理想的には、これらはその表示モードでオーバーフローできるはずですが、そこに制限があります。最良のオプションは、内側のテーブルを持つことです。

Answer 2

テーブルを固定の高さとオーバーフローで div に入れます: auto;