html - テーブルの高さを固定するには？

Question

コンテンツが長くなる前に、テーブルの高さを 600px に固定したい。

Answer 1

テーブルをdivタグで囲み、CSS プロパティを次のdivように設定してみてください。

div.tablewrapper {
    height: 600px;
    overflow-y: auto;
}

これにより、テーブルの高さが 600 ピクセルを超える場合にスクロールバーが表示されます。テーブルが小さすぎてそのスペースを占有できない場合に高さを常に 600px に強制するのではなく、代わりに 600px をmaxmax-heightにしたい場合は、代わりに を使用しheightます。

Answer 2

div.tablewrapper {
    height: 600px;
    overflow-y:hidden;
}

これは、高さとして正確に600pxのページを修正するために機能します..

Answer 3

以下のサンプルコードを参照してください。

<div style="height:100px; overflow:auto;">
<table>
    <tr>
        <td>sad<br />
<br />
<br />
<br />
<br />
<br />
<br /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
asd<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

</td>
</tr>
</table>
</div>