Apr
13

div 自动适应浏览器的高度

不指定
字体大小: | | RSS
分类: Favorites | 928 次阅读
  在布局中,我们有时会用到高度自适应,例如,我们定义了一个div,并且希望它的高度为窗口高度的100% ,那么我们该如何编写代码呢?用height:100%就可以了。但要注意的是,浏览器对css的解析方式有一点差异。所以我们应该了解其原理是怎么的?

  我们需要弄清楚100% 到底是谁占谁的100%,用百分比要设置高度时,需要明确父级对象的高度。要不然浏览器会使用默认值。所以,要是实现开始所说的布局,代码应该这样写:
html, body { height:100%;}
div.className { height:100%;}  /* className可指定对应的class */

  也就是让div的父级对象的高度确定为窗口的100%。因为html 和body 的默认值在ie和ff下并不都是100%。
分享此文:
操作: 评论(0) | 引用(0)

Leave A Word:

打开HTML 打开UBB 打开表情 隐藏
记住我 [登入] [注册]