BFC:块级格式化上下文，是一块单独的渲染容器
满足以下任一条件即可成为bfc容器：
- 1，body元素
- 2，float：属性不为none
- 3, position:(fixed,absolute)
- 4, display:inline-block、table-cell、flex、table-caption或者inline-flex
- 5, overflow：不是visible
bfc元素特性：
- 元素上下排列
- 计算bfc元素高度时，浮动元素参与计算
- 里面元素不影响外面元素，同样外面元素不影响内部元素
- 不会与float元素发生重叠
