什么是BFC?BFC的布局规则是什么？如何创建BFC?

BFC直译“块级格式化上下文”是一个独立渲染的区域
布局规则:
1.内部的Box会垂直方向，一个接一个地放置
2.Box垂直的距离有margin决定，适用于同一个BFC相邻的两个Box的margin距离会发生重叠
3.每个元素margin box的左边与包含块border box左边相接解，即使在浮动也如此
4.BFC的区域不会与flont box 重叠
5.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之如此
6.计算BFC的高度是浮动元素也参与计算
如何去常见BFC：
1.根元素
2.float属性不为none
3.position为absolute或fixed
4.display为inline-block, table-cell, table-caption, flex, inline-flex
5.overflow不为visible