我是这样理解BFC的 BFC的中文意思是块级格式化上下文，它是用于布局块级盒子的独立渲染区域，它在页面上是一个隔离的独立容器，容器内元素的布局不会影响容器外面的元素。
简单来说BFC就是css的一个布局概念，是一个独立的区域(容器)
满足下列条件之一就可以触发 BFC:
- HTML 根元素
- position 为 absolute 或 fixed
- float 属性不为 none（常用）
- overflow 不为 visible（常用）
- display 为 inline-block， table-cell， table-caption， flex（常用)
可以解决什么问题
margin塌陷问题、清除浮动、自适应布局
