清除浮动
清除浮动是指浮动元素给父元素带来的高度塌陷问题的处理方法。
可以利用clear:both来清除相应块状元素两侧的浮动元素。
可以利用父元素成为BFC来消除浮动影响,可以使用overflow: hidden/auto/stroll; display: inline-block; float: 方位;等来实现将父元素变成BFC

这是没有给子元素加浮动的样子(没有给父元素高度所以默认由子集撑起来)

这是给黄颜色和粉颜色加了左浮动以后不占取位置排在一起。父元素由于没有给高度所以现在是0高度看不见

这是给父元素添加了
overflow: hidden;
display: inline-block;
之后他成为了bfc所以消除了浮动带来的影响
逆战班

浙公网安备 33010602011771号