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；