BFC是什么含义？BFC如何布局？哪些元素可以生成BFC？

BFC(block formatting context),块级格式化上下文，他是一个独立渲染的区域，只有block lever box参与，它规定了内部的block lever box如何布局，与外部区域的元素毫不相干。
BFC的布局规则：
1.box在垂直方向，一个接一个的摆放；
2.box内部垂直方面的距离由margin决定，属于同一个BFC的两个相邻的box的margin会发生重叠；
3.每个元素的box margin的左边，会与包含块的border box的左边相接触，即使浮动也是如此
4.BFC的区域不会与float box发生重叠
5.BFC是一个隔离的独立容器，容器里面的子元素不会影响外面的元素，反之也是如此。
6.j计算BFC的高度时，浮动元素也会参与计算。
哪些元素会生成BFC？
1.根元素（HTML）。
2.float属性不为none。
3.overflow属性不为visiible。
4.position属性为absolute和fixed。
5.display属性为inline-block,inline-flex,flex,table-cell,table-option。