防止高度塌陷的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了防止高度塌陷的方法相关的知识,希望对你有一定的参考价值。

浮动元素父元素高度自适应(高度塌陷)
 
hack1:给父元素添加声明overflow:hidden;
 
hack2:   给父元素加height
 
hack3:   在浮动元素下方添加空div,并给该元素添加         声明:div{clear:both; height:0; overflow:hidden;}
 
hack4:万能清除浮动法 p:after{content:“.”;clear:both;display:block;height:0;overflow:hidden;  visibility:hidden;

以上是关于防止高度塌陷的方法的主要内容,如果未能解决你的问题,请参考以下文章

防止父级边框塌陷的四种方法

解决高度塌陷的方法

高度塌陷的产生条件和解决方法

高度塌陷的产生条件和解决方法

css高度自适应以及高度塌陷总结

关于float高度塌陷问题