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

我正在使用一个表格来设计我的网页布局。我希望表格能够填满页面，即使它不包含太多内容。以下是我正在使用的CSS：

html，正文{
身高：100%；
保证金：0；
填充：0；
}
#容器{
最小高度：100%；
宽度：100%；
}

我在页面代码中放置了如下内容：

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

...

这适用于Opera9，但不适用于Firefox2或Internet Explorer 7。有没有一种简单的方法可以让这个解决方案适用于所有流行的浏览器

---

（将

id=“container”

添加到

td

没有帮助。）

设置

#container

时，只需使用

height

属性而不是

min height

属性即可。一旦数据太大，表将自动增长。

尝试使用以下方法：

html, body    {
  height: 100%;
}

---

因此，除了将表的高度设置为100%之外，您还必须确保html的ID和主体的高度也为100%，以便它能够正确地拉伸。

您可以在Javascript/JQuery中处理这个问题

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