如何创建块级格式化上下文(block formatting context),BFC有什么用

创建规则：

根元素

1、浮动元素(float不是none)
2、绝对定位元素（postition取值为abssolute或fixed）
3、display取值为inline-block，table-cell，table-caption，flex，inline-flex之一的元素
4、overflow不是visible的元素

块级格式化上下文的作用：

可以包含浮动元素
不被浮动元素覆盖
阻止父子元素的margin折叠