BFC（块级格式化上下文）布局规则
1.元素垂直排列。
2.同一个BFC相邻两个元素的margin会重叠。
3.BFC区域不会与浮动元素重叠。
4.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
5.计算BFC的高度时，浮动元素也参与计算。
如何创建BFC
1.根元素
2.浮动float
3.absolute或fixed
4.overlfow部位visible
5.display为inline-block, table-cell, table-caption, flex, inline-flex
BFC多用来清除浮动、阻止外边距折叠、阻止元素被浮动元素覆盖（两列布局）