BFC

1.什么是BFC
Block Formatting Context块级格式化上下文
具有BFC特性的元素可以看做是隔离了的容器，容器里面的元素不会在布局上影响到外面的元素，且BFC具有普 通容器所没有的一些特性
2.BFC的特性
1.内部的box在垂直方向上一个接一个的排列
2.属于同一个BFC里面相邻的两个box上下间距会发生重叠
外边间距重叠之后，最终的显示数据是最大的值
hack:给其中任何一个元素添加父元素并且添加声明overflow:hidden;
3.BFC区域不与浮动的盒子发生重叠，用这个特性写出自适应的两栏布局
4.BFC是一个独立的渲染区域，里面的元素不会影响到外面的元素
5.BFC盒子参与浮动元素的高度计算
解决高度塌陷的问题
3.BFC的触发条件
1.根元素html
2.float不为none
3.position:absolute和fixed
4.display:inline-block flex等
5.overflow不为visible