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. 避免多列布局由於寬度計算四舍五入而自動換行

BFC的特性及使用場景