我有一个 div:
position: fixed;
top: 100px;
bottom: 0px;
left: 0px;
right: 0px;
在这个 div 里面是一个表:
height: 100%;
max-height: 100%;
当表格单元格获取一些数据时,表格会变小,但总是不大于 div 容器。这很好用,但在 Firefox 13 中不行,表格会增长到比固定位置的容器大。
我该如何解决?
你不能。桌子的尺寸是刚性的。细胞的内容永远无法突破它。这意味着,无论你喜欢与否,它都会增加宽度和/或高度,并且如果需要,它会忽略你的 CSS 规则。
解决方案?在容器上使用overflow: auto;
or ,因此它会根据需要添加滚动条。overflow: scroll;
div
将此行添加到您的“div css”中,它将解决您的所有问题:overflow: auto;
overflow: auto;
将根据需要添加垂直或水平滚动条,同时overflow: scroll;
添加不管和禁用(但仍然可见)未使用的滚动条。