BFC全称Box Formatting Context（块级格式化上下文）。是一个独立渲染区域，只能针对块级元素，与外部区域毫不相干。
BFC布局规则：
1、内部的Box会在垂直方向，一个接一个地放置。
2、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
3、每个元素的margin box的左边， 与包含块border box的左边相接触
4、BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。
5、BFC的区域不会与float box重叠。
6、计算BFC的高度时，浮动元素也参与计算
哪些元素会触发BFC？
