2021-04-08

关于清除浮动方法的总结：

1.固定父元素的高度（问题态度，其实根本没有解决实际问题，浮动元素依然会遮盖兄弟元素）

2.css clear:left/right/both (css清除浮动的css 属性 ，清除 该元素的左右浮动）细分的话又有 通过在浮动元素 后面增加 空元素 父元素的伪类after 和 before 

3.BFC（块级格式化上下文）

这里多提一句BFC的 触发条件 和 特性：

条件：

1. overflow:除默认值visible 之外的 auto/scroll/hidden 都可以
2. body元素
3. display 的值为flex inline-block table table-cell

特性

1. 清除浮动
2. 解决外边距重叠的问题（同一个bfc 内的 非bfc元素 都会发生外边距重叠 ，且只会发生在 垂直方向）
3. 可已解决浮动元素遮盖兄弟元素（非浮动元素）的问题