BFC特性:
1.BFC是一个独立的布局容器，内部元素不会影响BFC外面的元素，反之亦然。
2.计算BFC高度时，会计算内部的浮动元素。
3.BFC会阻止外边距的合并。
4.BFC的区域不会与外部浮动元素的区域重叠
触发条件:
1. float不为none
2.position: fixed absolute
3.overflow: hidden scroll auto
4.display: inline-block/ table-cell/ table-caption / flex /inline-flex
应用场景:
1.子元素浮动导致父元素坍塌(用于清除浮动，运用特性2)
2.上下margin合并问题 (运用特性3)
3.左右两栏自适应布局( 运用特性4)