当我们不对DIV设置固定高度或不设置CSS高度样式,其DIV盒子默认是自适应高度。我们可以通过此方法来设置自适应浏览器高度。

我们不对DIV设置高度样式,默认情况下是自适应高度,当我们需要设置一个CSS最小高度时,所有浏览器都支持DIV盒子最小高度演示,但IE6不支持min-height样式,我们就需要设置针对IE6的css hack实现。
一般我们需要让宽度一定时高度随内容增加而增高。此时我们将无需设置高度即可实现此效果。同时也无需使用height:auto来实现高度自适应。通常默认情况下不用再设置高度值为auto,对象高度即是自适应高度。
示例:*{
margin: 0;
padding: 0;
}
html, body{
width: 100%;
height: 100%;
}
div{
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
height: auto;
background: #000000;
}
本文介绍了如何在不设置固定高度的情况下,利用CSS min-height属性创建自适应高度的div,同时处理IE6兼容问题。通过实例演示了如何让宽度确定时高度随内容变化,以及如何在不同浏览器间实现一致性。
262

被折叠的 条评论
为什么被折叠?



