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

Question

我有一个表格，它需要全身高度和宽度，因为它是一个绝对布局，大部分会在弹出窗口中看到，所以我没有固定大小。我的表有 4 行：header, body, footer. 页眉和页脚具有固定大小，而该body部分是灵活的，这意味着它可以拉伸以填充表格中剩余的任何空间。

它在我通常开发但在 Firefox 中惨遭失败的 chrome 中运行良好。这是我的例子：http: //jsfiddle.net/pdFSh/5/

是的，我需要那个#absolutediv。

Answer 1

我在你的桌子上的所有 tr 元素上添加了 height: 100% （就在你的 tr#top 规则之前），它解决了 Firefox 上的问题。像这样：

table tr { height: 100%; }

例子：

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