(1)自身浮動（2）雙飛翼（3）絕對定位三種都是通過設定margin值和定位屬性實現自適應三欄。這樣一旦左右兩側欄目寬度變化，就要更改margin的值，十分麻煩。
但是在張鑫旭老師的《css世界》中提到一種方法，利用bfc屬性，隨意改變左右兩側的寬度，不需要改變其他值也能實現自適應三欄。具體原因可以參考該書的160頁。
觸發bfc的情況：
根元素，float屬性不為none，overflow的屬性為：auto、scroll、hidden，display值為table-cell、table-capation和inline-block，position的值不為relative和static；滿足以上任意一種均可觸發bfc
**如下：
123213
BFC實現自適應兩欄布局
回想第一次聽到bfc的時候，是在解釋為什麼高度塌陷可以用overflow hidden 等方法來解決的時候，當時bfc對我來說還是乙個陌生的概念。在解決高度塌陷的問題的時候，通過bfc的觸發條件之一觸發bfc後，在計算bfc的高度的時候，浮動元素就可以參與計算了。bfc block formatti...
BFC 自適應布局
bfc全稱為block formatting context，塊級上下文結構，具有bfc結構的元素的內部元素不會影響外部元素的布局和結構。bfc可以由以下幾種方式觸發 根元素float不為none overflow不為visible position除relative和static display的...
三欄布局 自適應
趴趴熊，我們走 個人簡介，是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介是求職者向欲供職單位全面 簡潔 條理清晰地自我介紹 自我推薦的文書。簡介是應用寫作學研究的一種日常應用文體。p 個人簡介，是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介...