bfc全稱為block formatting context，塊級上下文結構，具有bfc結構的元素的內部元素不會影響外部元素的布局和結構。
bfc可以由以下幾種方式觸發：
根元素float不為none
overflow不為visible
position除relative和static
display的值為inline-block或table-cell
bfc具有很強的封閉性，因此利用bfc來實現的自適應布局更為健壯，主要的實現方式有以下兩種：
1. overflow
overflow:hidden;display: table-cell;
width: 9999px;
// 相容ie7以下版本
*display: inline-block;
*width: auto;
網頁布局 （bfc）自適應布局
核心思想主要是利用float margin的形式。利用塊狀元素的流體特性，然後計算出float元素的寬度，並賦予到塊狀元素的相應margin中。但是這麼做是有個缺點的，就是我們每次都得知道float元素的寬度，然後賦予到塊狀元素的margin。bfc有一特性 bfc的區域不會與外部浮動元素重疊。並且...
自適應三欄布局BFC屬性
1 自身浮動 2 雙飛翼 3 絕對定位三種都是通過設定margin值和定位屬性實現自適應三欄。這樣一旦左右兩側欄目寬度變化，就要更改margin的值，十分麻煩。但是在張鑫旭老師的 css世界 中提到一種方法，利用bfc屬性，隨意改變左右兩側的寬度，不需要改變其他值也能實現自適應三欄。具體原因可以參考...
BFC實現自適應兩欄布局
回想第一次聽到bfc的時候，是在解釋為什麼高度塌陷可以用overflow hidden 等方法來解決的時候，當時bfc對我來說還是乙個陌生的概念。在解決高度塌陷的問題的時候，通過bfc的觸發條件之一觸發bfc後，在計算bfc的高度的時候，浮動元素就可以參與計算了。bfc block formatti...