什么是BFC？

概述：

全称：Block Formatting Context，块格式上下文。它是CSS2.1规范定义的关于CSS渲染定位的一个概念。BFC的主要作用是将处于BFC内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。所以我把它叫隔离盒子。一个元素不能同时出现在两个BFC中。

BFC特性：

1：BFC中的盒子会在垂直方向一个接一个的排列

2：处于同一个BFC的元素相互影响，肯能会发生margin collapse

3：BFC盒子高度的高度等于它包裹的所有元素，包括浮动元素。（可以很好的解决父盒因内部元素浮动后坍塌问题）

BFC创建的方法：

1：根元素

2：浮动

3：绝对定位

4：行内块(inline-block)

5：表格单元格(table-cell)

6：overflow的值不为visible的元素

7：弹性盒子