BFC（块级格式化上下文）

BFC(Block formatting content)

BFC布局规则：

1、内部的盒子会在垂直方向一个一个放置；

2、盒子垂直方向的距离由margin决定，同属一个BFC的相邻两个box的上下Margin会发生边距重叠，以最大的margin为两者之间的margin；

3、每个元素的左边，与内部的盒子的左边相接触，即使是浮动元素也是如此；

4、BFC的区域不会与float重叠；

5、BFC是页面上一个独立的容器，容器中的元素不会影响到外面的元素，反之亦如此；

产生BFC元素的方法：

1、根元素；

2、float不为none；

3、position为absolute或fixed；

4、display为inline-block，table-cell，table-caption、flex；

5、overflow不为visible；