定义：BlockformatcontextBlock-levelformatcontextBFC原理：1.BFC元素的垂直外边距会重叠（选择px大的那个）2.BFC区域不会和浮动元素重叠3、BFC是一个独立的容器，容器里面的元素不会影响外面的元素，外面的元素也不会影响他。4、BFC计算高度时，浮动元素也参与计算。创建BFC：float属性不是noneposition属性是absolute还是fixeddisplay属性是inline-block,table-cell,table-caption,flex,inline-flexoverflow属性不可见BFC使用场景1.自适应两列布局（浮动时，对浮动高于左浮动）addoverflow:hiddenonthefloatingelement2.清除内部浮动（当子元素都浮动时，无法打开父元素）Addoverflow:hiddenontheparentelement;3.防止marin在其中一个重叠元素中添加父元素，添加属性：overflow:hidden；clearfloat//第一种方法（给父元素添加属性overflow:hidden或overflow:auto）
