float浮动问题:会造成父级元素高度坍塌;

Posted freddyhuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了float浮动问题:会造成父级元素高度坍塌;相关的知识,希望对你有一定的参考价值。

float浮动问题:会造成父级元素高度坍塌;

解决办法:清除浮动:clear:both;

          给父元素高度:height(不是很可取)

          给父元素:display:inline-black;(问题:margin:auto失效)

          给父元素:overflow:hidden;( 在IE67需要有宽度); 

          给父元素添加伪类;:after{content:""; display:block;clear:both;} (万能)

 

以上是关于float浮动问题:会造成父级元素高度坍塌;的主要内容,如果未能解决你的问题,请参考以下文章

清除浮动

清除浮动的原理详解

清除float浮动造成影响的几种解决方案

CSS 清除浮动

关于css中clear:both清除浮动防止父级元素高度坍塌的原理

CSS - 高度坍塌和外边距溢出问题及解决方法