如何将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
属性即可。一旦数据太大,表将自动增长。