BFC block formatting content 块格式化上下文 是w3c规定的一种独立渲染区域

其特性为

1. BFC 会阻止外边距折叠
2. BFC 可以承载浮动的元素
3. BFC 可以阻止元素被浮动元素覆盖

总而言之 就是独立了


那些情况会触发BFC
float 除了none以外的值
overflow 除了visible 以外的值（hidden，auto，scroll）
display (table-cell，table-caption，inline-block)
position（absolute，fixed）
根元素

我也不知道为什么会这样