<div class="test"></div>
我们现在给上面这DIV 设置高度自适应!
第一种:
.test{
width:500px;
}
就是这样,不给他设高度。 这样就会自动被DIV里的内容撑开了。
注:当 .test 内部的DIV设了FLOAT属性的时候。就不管用了 所以请看第二种方法。
.test{
width:500px;
overflow: hidden;
}
是的:加上overflow: hidden; 就算内部DIV 用了FLAOT 他也会被撑开
第三种: 有最小高度值的情况,当内部元素超过这个高度值时,DIV还能被撑开
.test{
width:500px;
min-height: 100px;
height: auto;
}
就是这么简单