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

时间:2012-07-04 09:46:51

标签: html css

我有一个div:

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

在这个div中是一个表:

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

当表格单元格得到一些数据时,表格会逐渐减少,但总是不大于div容器。这项工作很好,但在Firefox 13中没有,表格比固定的容器更大。

我该如何解决?

2 个答案:

答案 0 :(得分:0)

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

overflow: auto;会根据需要添加垂直或水平滚动条,而overflow: scroll;将添加两者,并禁用(但仍保持可见)未使用的滚动条。

答案 1 :(得分:0)

你做不到。桌子的尺寸是刚性的。细胞的内容永远无法突破它。这意味着无论您是否愿意,它都会在宽度和/或高度上增长,并且如果需要,它将忽略您的CSS规则。

解决方案?在容器overflow: auto;上使用overflow: scroll;div,以便根据需要添加滚动条。