当前位置:  开发笔记 > 前端 > 正文

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

如何解决《如何将HTML表拉伸到浏览器窗口高度的100%?》经验,为你挑选了2个好方法。

我正在使用表来设计我的网页布局.我希望表格填充页面,即使它不包含太多内容.这是我正在使用的CSS:

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

我在页面代码中放置了这样的内容:

...

这适用于Opera 9,但不适用于Firefox 2或Internet Explorer 7.是否有一种简单的方法可以使此解决方案适用于所有流行的浏览器?

(添加id="container"td没有帮助.)



1> deathlock..:

试试这个:

html, body    {
  height: 100%;
}

因此,除了使桌子的高度达到100%之外,您还必须确保html'd和身体的高度也是100%,因此它将正确拉伸.



2> Vincent McNa..:

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

推荐阅读
贾志军
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有