BFC

1.定义：
BFC（Block Formatting Context），即块级格式化上下文，它决定了其子元素的定位方式以及和其他元素的关系和互相作用。

2.BFC的产生：
（1）根元素
（2）float属性不为none的元素
（3）position为absolute或fix
（4）display为inline-block、flex、inline-flex
（5）overflow不为visible

3.BFC的特性
（1）box会在垂直方向依次放置
（2）box垂直方向的距离由margin决定。同属一个BFC的两个盒子的相邻margin会发生重叠
（3）BFC的的区域不会与float box重叠
（4）BFC是页面上一个隔离的独立容器，里面的子元素不会影响外面的元素。
（5）计算BFC的高度时，float元素也被计算。