BFC 理解和应用-什么是BFC ？如何应用？

BFC 是 Block format context 块级格式化上下文的缩写。表示一块独立渲染区域，内部元素的渲染不会影响边界以外的元素。

形成BFC 的常见条件：

float不是 none ；position是 absolute 或 fixed ；overflow 不是 visible ；

Display 是 flex、inline-block等。

形成BFC 的常见应用： 清除浮动、取消盒子margin塌陷问题、可以阻止元素被浮动元素覆盖