BFC是什麼

BFC是 塊 格式化 上下文的縮寫，
他會創建一個獨立渲染的區域；

怎麼創建

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

用途

• 避免元素之間的外邊框摺疊
• 清除子元素浮動
• 清除兄弟節點浮動環繞