README.md

BFC

BFC(block formatting context)即我们常说的块级格式化上下文，常见的还有IFC、GFC、FFC...(自行百度)。

特征

BFC具有以下特点：

1. BFC容器内的元素不影响外界的布局(可以用于解决垂直方向margin重叠问题)
2. BFC中的float元素要参与高度的计算
3. BFC元素不会与float元素重合
4. BFC内部的块级元素会在垂直方向上排序

如何成为BFC

以下属性可以成为BFC元素：

1. overflow不为visible
2. display为内联相关属性如：inline-block、inline-flex、table-cell等
3. position不为static与relative
4. float不为none

作用

由上面的特征，我们可以得出其作用：

1. 消除垂直方向上margin重叠的问题
2. 解决float元素不会撑起父元素问题
3. 解决float元素与块级元素重叠问题