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