css如何自适应浏览器高度?

当我们不对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如何自适应浏览器高度?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读