CSS 格式化上下文（BFC）

 触发BFC 的条件； 
1. float 的值 不为none，即（left or  right ）；
2. position  的值为 fixed  or  absolute ；
3. display  inline-block   ， flex ，inline-flex ，table-cell 等
4.overflow 不为visible 

BFC 的特点

触发BFC 的特点
BFC 内部的相邻块级元素 会发生在垂直方向发生margin 重叠；
BFC 在页面是一个独立的容器，里外元素互不影响；
BFC 元素和浮动元素不会发生重叠
BFC 在计算浮动元素时候 会把浮动元素也计算进去，（解决浮动元素父元素的高度坍塌，其中就有  父元素设置 overflow ：hidden）