CSS表格单元格填充Firefox中的剩余空间

时间:2013-07-05 23:36:12

标签: css firefox

我有一张桌子,全身高度和身高。宽度,因为它是一个绝对的布局,主要是在弹出窗口内看到所以我没有固定的大小。我的表有4行:header, body, footer。标题和页脚具有固定的大小,而body部分是灵活的,这意味着它可以伸展以填充表格中剩余的任何空间。

它在我经常开发的chrome中运行良好但在firefox中失败了。这是我的例子:http://jsfiddle.net/pdFSh/5/

是的,我需要#absolute div。

1 个答案:

答案 0 :(得分:4)

我已经为你桌面上的所有tr元素添加了高度:100%(就在你的tr#top规则之前),它修复了firefox上的问题。 像这样:

table tr { height: 100%; }

示例:

http://jsfiddle.net/pdFSh/6/