如何将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

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

Answer 2

尝试使用这样的：

html, body { 
    height: 100%; 
} 

因此，除了制作表格的高度为100％，你应该也有确保的html'd和身体的高度也是100％，所以它会正确地舒展。