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/