解决方法
尝试使用overflow CSS属性。还有单独的属性来定义水平溢出(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％的宽度，因此，如果您不希望元素占据整个页面的水平宽度，则还需要为元素指定显式宽度。
