如何将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 Explorer7。是否有一种简单的方法可使该解决方案适用于所有流行的浏览器？

（将id="container"添加到td并没有帮助。）

Answer 1

尝试使用此：

html, body    {
  height: 100%;
}

因此，除了将表格的高度设置为100％，还应该确保html和body的高度也都是100％，这样它才能正常拉伸。

Answer 2

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

Answer 3

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

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