BFC ：块级格式化上下文

BFC ( Block formatting context )直译为“块级格式化上下文”。
他是一个独立渲染的区域，它规定了内部如何布局,容器里面的子元素不会在布局上影响到外面的元素。

如何产生BFC ?
1、float取值left或者right；
2、Position 取值为absolute或者fixed；
3、Overflow 的值不是visible时；
4、Display 的值是inline-block ，table-cell ，flex 等。