如何指定表格的高度，使垂直滚动条出现？

我的桌子上有很多行。 我想设置表格的高度，比如说500px，这样如果表格的高度大于这个值，就会出现一个垂直滚动条。 我试图在table上使用CSS height属性，但它不起作用。

Answer 1

尝试使用overflow CSS属性。 还有一些单独的属性来定义水平溢出（ overflow-x ）和垂直溢出（ overflow-y ）的行为。

既然你只想要垂直滚动，试试这个：

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

---

编辑：

显然， <table>元素并不尊重overflow属性。 这似乎是因为<table>元素默认不显示为display: block （它们实际上有它们自己的显示types）。 您可以通过将<table>元素设置为块types来强制使用overflow属性：

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

请注意，这将导致元素具有100％的宽度，所以如果您不希望它占用页面的整个水平宽度，则还需要为该元素指定明确的宽度。

Answer 2

您需要将表格封装在另一个元素中并设置该元素的高度。 内联CSS示例：

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