BFC:块级格式化上下文，是一块独立的渲染区域（触发了BFC，这块区域就是一块独立的渲染区域）会将处于BFC的内容 隔离
触发BFC的方式： 1.pisition：absolute/fixed 2.float:left / right; 浮动的元素多个放在一起，会互相隔离开 3.overflow：hidden / auto / scroll 非visible 4.display：inline-block
BFC应用： 1.处理块级元素，上下margin合并问题 2.处理margin塌陷 3.清除浮动 4.实现自适应布局，左边固定，右边自适应 flex => display：flex；左边定宽，右边flex：1； 浮动 => 先浮动占位置，再中间盒子overflow：hidden 定位 => 先定位，再设置padding即可
