垂直スクロールバーが表示されるようにテーブルの高さを指定するにはどうすればよいですか？

ページに多くの行があるテーブルがあります。テーブルの高さを、たとえば500pxに設定して、テーブルの高さがそれよりも大きい場合、垂直スクロールバーが表示されるようにします。でCSS height属性を使用しようとしましたtableが、機能しません。

overflowCSSプロパティを使用してみてください。水平方向のオーバーフロー（overflow-x）と垂直方向のオーバーフロー（）のみの動作を定義する個別のプロパティもありますoverflow-y。

垂直スクロールのみが必要なので、これを試してください：

table {
  height: 500px;
  overflow-y: scroll;
}

編集：

どうやら<table>要素はoverflowプロパティを尊重していません。これは、<table>要素がdisplay: blockデフォルトのようにレンダリングされないためです（実際には、要素には独自の表示タイプがあります）。要素をブロックタイプにoverflow設定することで、プロパティを強制的に機能させることができます<table>。

table {
  display: block;
  height: 500px;
  overflow-y: scroll;
}

これにより、要素の幅が100％になるため、ページの水平方向の幅全体を占めたくない場合は、要素の幅も明示的に指定する必要があります。

別の要素の内側にテーブルをラップし、その要素の高さを設定する必要があります。インラインCSSの例：

<div style="height: 500px; overflow: auto;">
 <table>
 </table>
</div>

テーブルの高さを設定するには、最初にcssプロパティ "display：block"を設定してから、 "width / height"プロパティを追加できます。このMozilla記事は、テーブルのスタイルを設定する方法を学ぶのに非常に良いリソースだと思います： リンク