1.子元素开启浮动后子元素脱离文档流,父元素无法被子元素高度撑起,造成塌陷。
解决方案为使用父元素的伪元素::after进行clear:both
2.第一行子元素开启浮动,第二个子元素不开启浮动,由于第一个元素脱离文档流,两个元素会上线重叠,第一个子元素会覆盖在第二个元素上面。
解决方法:第二个子元素也开启浮动(BFC)
即使用BFC规则可解决两个问题。
1.子元素开启浮动后子元素脱离文档流,父元素无法被子元素高度撑起,造成塌陷。
解决方案为使用父元素的伪元素::after进行clear:both
2.第一行子元素开启浮动,第二个子元素不开启浮动,由于第一个元素脱离文档流,两个元素会上线重叠,第一个子元素会覆盖在第二个元素上面。
解决方法:第二个子元素也开启浮动(BFC)
即使用BFC规则可解决两个问题。