内容正在载入中,请稍后……
公告
About me
搜索
统计
其他
9 Mar.2011

用”百分比”设置页面的高度 夜晚

作者: 我就是个世界   分类:技术&学习 » DIV+CSS   出处:本站原创            | |
在符合标准的 XHTML 模式下,将 DIV 的高度简单的设置为 100% 往往并不能达到想要的效果,原因是“百分比”是个相对于父节点的值,如果你没有设置他们的父节点的高度,那么设置 DIV 的高度为100%就没有了意义。

另外一个问题是你或许期望的并不是100%,而是在页面高度不够一屏时按照100%显示,当你的页面超过视窗的大小时,DIV 要能够撑开,这样的话min-height才是你真正想要的。

下面的代码可以让页面不足一屏时按照100%显示,当超过一屏时,又能够撑开:


html, body {
    height: 100%;
}
#container { /* this is the div you want to fill the window */
    min-height: 100%;
}


由于 Internet Explorer (IE) 6 及其以下的版本并不支持 min-height 属性,因此,我们需要添加针对 IE 的代码。

* html #container {
    height:100%
}

在 IE 下,当 DIV 的内容超过 DIV 本身的高度时, DIV 会自动撑开,因此这样的代码可以很好的解决上面的问题。 分享到QQ空间
时间:23:17 评论(0) 引用(0) 阅读(1766) Tags: ,
发表评论
  昵称 [注册]
  密码 (游客无需密码)
  网址
  电邮
OpenID登入 权限选项 表情