BFC (block formatting context) 块级格式化上下文

元素开启BFC解决的问题?

1.开启BFC的元素不会被浮动元素覆盖
2.开不启BFC的元素父子外边距会合并
3.开启BFC的元素可以包含住子元素(解决高度塌陷)

怎么开启BFC?

1.float浮动不是none的值
2.position的值不是static或者relative
3.display:inline-block table-cell table-caption flex inline-flex
4.overflow不是visible
            一般使用overflow:hidden

开启BFC的方法每个都有不足的地方，实际工作中看情况选择，满足需要的情况下避开不足点。