BFC（BlockFormattingContext）的特点是元素有独立的渲染区域，元素内部的内容（外边距、浮动元素等）不会影响外部因素。什么情况下会触发BFC设置overflow属性，value不设置float属性为visible，value不设置position属性为none，value为absolute或fixed设置display属性，取值为inline-block,table-cell,table-caption,flex,inline-flex,grid,orinline-gridBFC的典型应用场景：解决块级元素的折叠问题（Collapsing）垂直折叠块-level元素：当两个相邻的块级元素在垂直方向上有相邻的margin时（例如：上层元素有margin-bottom值，下层元素有margin-top值），上层和下层元素之间的间隙lower元素不是两个边距之和，而是两者中较大的一个块级元素的containmentcollapse：当块级父元素没有border和padding值，而块级子元素有一个margin-top值，子元素的margin-top值会在父元素之外生效，即整个父元素的区域会向下偏移。这个偏移值由子元素的margin-top值决定。另外，BFC也可以用来清除浮动的影响等。
