html表格高度属性不限制firefox中的高度

如何以滚动不可见元素的方式限制表格的高度

它似乎没有如预期那样起作用：

---

这是显示类型的问题

如果使用

display:block更改表格，您有您的身高限制

这个css在您的表上工作（请注意，您没有tbody标记）

编辑：这是一个肮脏的黑客行为，最好使用div包装器并在该元素上设置overflow属性
overflow:scroll
不适用于以下（）的表：

安德鲁·费多尼奥克写道：

这实际上是我的问题：“一个技术原因是
溢出属性不适用于表。“-为什么？这是什么
原因

我不是专家，但我相信这只是为了落后
与旧表行为的兼容性。你可以查一下
规范中的“自动”表格布局算法。我很确定
此布局算法与溢出属性不兼容（或，
更准确地说，布局算法永远不会导致需要
对于除“可见”之外的任何溢出值

是的，这就是我问的原因。似乎没有正式的理由
为什么或者不应该是可滚动的，但似乎UA供应商已经达成了一些共识
这方面的默契。问题也是如此

规范同意
与你有关的元素。表单元格应该尊重
溢出，尽管至少Mozilla似乎没有这样做。我不能
在这种情况下回答你的问题，尽管我仍然会猜测
答案仍然与遗留渲染有关



因此，考虑到这一点，如果您仍然希望生成滚动行为，最常见的替代方法之一是将内容包装在
td
中的
div
上：



100000000000000000000000000000000另一个
200
300
为什么不为它使用包装器元素？我更喜欢只使用css的解决方案最大高度在这里不起作用吗？你试过在其他浏览器中使用它吗？没有最大高度工作，没有其他浏览器工作
table.ex1 {
    table-layout: auto;
    height: 20px;
    overflow-y: scroll;
}

table.ex2 {
    table-layout: fixed;
    height: 20px;
      overflow-y: scroll;

}

table {
    display: block;
} 

table tbody {
    display: table;
}