几句话说清楚BFC

BFC是什么

BFC是 块 格式化 上下文的缩写，
他会创建一个独立渲染的区域；

怎么创建

• body元素自带
• overflow hidden auto scroll
• position absolute fixed
• float 除了none之外的其他属性
• flex
• table系列
• 网格布局，多列布局等

用途

• 避免元素之间的外边框折叠
• 清除子元素浮动
• 清除兄弟节点浮动环绕