css之什么是bfc？

---【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