---【BFC是什么】：
块级格式上下文，规定了内部盒子如何布局，并且与这个区域外部毫不相干
---【BFC的规则】：
1，在内部的BOX会在垂直方向，一个接一个地放置
2，BFC的区域不会与float.box 重叠
3，内部的BOX垂直方向的距离由margin决定，同一个BFC内相邻的BOX的magin会重叠
4，计算BFC高度时，浮动元素也参与计算
5，BFC就是页面上的一个隔离的独立容器，容器里子元素不会影响到容器外面的元素
---【BFC的生成条件】：
1，根元素
2，float属性部位node
3，position 为absolute 或fixed
4,overflow 不为visible
5,display为inline-block / table-cell / table-caption / inline-flex