BFC的作用及其應用

　簡單介紹BFC

　BFC

　　就是塊級格式化上下文，是頁面盒模型佈局中的一種 CSS 渲染模式，相當於一個獨立的容器，裡面的元素和外部的元素相互不影響。

　創建 BFC 的方式有：

　　1.html的根元素

　　2.float浮動

　　3.絕對定位

　　4.overflow不為 visible

　　5.display為表格佈局或彈性佈局

　　6.contain值為layout

　　7.content或 strict的元素等。

　BFC的作用：

　　1.清除浮動

　　2.解決margin塌陷問題

　BFC的特點：

　　1.內部box會一個一個的垂直放置

　　2.形成了BFC的區域不會與float box重疊，BFC在頁面是個獨立的容器，裡外元素互不影響

　　3.BFC在計算高度時會把浮動元素計算進去

　　4.在BFC中，每一個盒子的左外邊緣（margin-left）會觸碰到容器的左邊緣(border-left)（對於從右到左的格式來說，則觸碰到右邊緣）