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

Question

我得到了一个表格，它需要全身高度&宽度，因为它是一个绝对布局，它通常会在弹出框内看到，所以我没有固定的大小。我的桌子有4排：header, body, footer。页眉&页脚具有固定大小，而body部分是灵活的，这意味着它伸展以填充表中剩余的任何空间。

它在Chrome中正常工作，我通常开发但在Firefox中失败。这是我的例子：http://jsfiddle.net/pdFSh/5/

是的，我需要#absolute股利。

Answer 1

我已经为您桌子上的所有tr元素添加了高度：100％（正好在您的tr＃顶部规则之前），并且它解决了Firefox上的问题。 像这样：

table tr { height: 100%; } 

例子：

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