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

时间:2020-03-06 14:19:59  来源:igfitidea点击:

我正在使用表格设计网页的布局。我希望表格填充页面,即使其中内容不多。这是我正在使用的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. 是否有一种简单的方法使该解决方案适用于所有流行的浏览器?

(在td中添加id =" container"没有帮助。)

解决方案

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