表最大高度100％的固定

Question

我有一个div：

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

和这个div里面是一个表：

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

以及当表格单元得到了一些数据，表的增长下来，但始终不会比div容器大。这个工作很好，但不是在Firefox 13中，表格增长到比固定位置的容器更大。

我该如何解决？

Answer 1

此行添加到您的“DIV + CSS”，它会解决所有的问题：overflow: auto;

overflow: auto;会根据需要而overflow: scroll;将增加双方无论和禁用（但仍可见）添加垂直或水平滚动条一个没有使用。

Answer 2

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

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