什麼BFC布局？有什麼用

什麼是BFC

BFC（格式化上下文），簡單而言就是一塊獨立的區域，而且是一個不會受到外部環境影響的獨立區域。

如何觸發形成一個BFC布局 --》通過一下四點條件任意滿足即可形成BFC布局

1.float不為none
2.position不為relative或static
3.overflow為auto scroll或hidden
4.display為inline-block
           

BFC可以解決什麼問題？

1.浮動元素的父元素高度塌陷

2.兩欄自适應布局

3.防止外邊距重疊

4.防止元素被浮動元素覆寫