如何将HTML表拉伸到浏览器窗口高度的100％？

Question

我正在使用表来设计我的网页布局。我希望表格填充页面，即使它不包含太多内容。这是我正在使用的CSS：

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

我在页面代码中放置了这样的内容：

<table id="container">
<tr>
<td>
...

这适用于Opera 9，但不适用于Firefox 2或Internet Explorer 7.是否有一种简单的方法可以使此解决方案适用于所有流行的浏览器？

（将id="container"添加到td无济于事。）

Answer 1

尝试使用：

html, body    {
  height: 100%;
}

因此，除了使桌子的高度达到100％之外，你还必须确保html'd和身体的高度也是100％，所以它会正确拉伸。

Answer 2

设置height时，只需使用min-height属性而不是#container属性。一旦数据变得太大，表格就会自动增长。

Answer 3

您可以在Javascript / JQuery中进行处理。

window_height = $(window).height();
$('#container').css('min-height', window_height);