BFC(Block Formatting Context)塊級格式化上下文，是Web頁面 CSS 視覺渲染的一部分，用於決定塊盒子的布局及浮動相互影響范圍的一個區域。
BFC的特性：
1. 屬於同一個BFC的兩個相鄰Box的margin會發生折疊，不同BFC不會發生折疊
2. BFC的區域不會與浮動元素的區域重疊
3. BFC的高度包含浮動子元素的高度
4. BFC在頁面上是一個獨立的容器，里外的元素不會互相影響
5. 每個元素的左外邊距與包含塊的左邊界相接觸（從左向右），即使浮動元素也是如此。（這說明BFC中子元素不會超出他的包含塊，而position為absolute的元素可以超出他的包含塊邊界）
創建BFC：
1. float值不為none
2. position的值不是static或raletive
3. display屬性 為table table-cell...
4. overflow: auto hidden scroll (不為visible)
BFC使用場景：
1. 去除邊距重疊現象
2. 清除浮動（讓父元素的高度包含子浮動元素）
3. 避免某元素被浮動元素覆蓋
4. 避免多列布局由於寬度計算四舍五入而自動換行