元素开启BFC有什么用?

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

怎么开启BFC?

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