元素坍塌

所谓父元素高度坍塌

是指:当父元素没有设置高度而子元素设置高度,在子元素没有设置浮动的情况下,此时父元素因为包含子元素,也具有了高度,而当子元素设置浮动后,因为脱离了文档标准流,父元素不具有高度了(这应该就是元素崩塌)。

塌陷具有零高度的意思应该是:没有height值,子元素又是浮起来的,那么后面再来个div2的话就会占用div1的位置,当然div1浮动的子元素会飘在div2上面,这样会对布局有影响,且父元素div1的样式无法显示。消除这种影响,有以上三种方法,1,设置个height为0的div,这样等于阻止了div2去占用div1的位置。2,为div设置一个class="clearfix"的类,然后统一对.clearfix进行样式设置,这样做的好处是,你需要时就为它添加一个class="clearfix"。3.好理解,没高度给他个高度就撑起来了不是?

猜你喜欢

转载自blog.csdn.net/guitarist0505/article/details/79809389