html - table max-height 100% 的 div 位置固定

Question

我有一个 div：

position: fixed;
top: 100px;
bottom: 0px;
left: 0px;
right: 0px;

在这个 div 里面是一个表：

height: 100%;
max-height: 100%;

当表格单元格获取一些数据时，表格会变小，但总是不大于 div 容器。这很好用，但在 Firefox 13 中不行，表格会增长到比固定位置的容器大。

我该如何解决？

Answer 1

你不能。桌子的尺寸是刚性的。细胞的内容永远无法突破它。这意味着，无论你喜欢与否，它都会增加宽度和/或高度，并且如果需要，它会忽略你的 CSS 规则。

解决方案？在容器上使用overflow: auto;or ，因此它会根据需要添加滚动条。overflow: scroll;div

Answer 2

将此行添加到您的“div css”中，它将解决您的所有问题：overflow: auto;

overflow: auto;将根据需要添加垂直或水平滚动条，同时overflow: scroll;添加不管和禁用（但仍然可见）未使用的滚动条。