前兩天看到乙個面試題，說是讓實現三欄布局，中間的自適應，如下圖所示：
其實挺簡單的，但是換下順序，有好多人就懵逼了，包括我。。。。這裡我總結兩種方法來實現：
第一種~定位法：（css**）
*
.container
.left
.right
.main
id="container">
class="left">maindiv>
class="right">leftdiv>
class="main">rightdiv>
div>
這樣無論html中main、left、right三個順序怎麼變換都可以實現如上布局了~
當然還有另一種方法~ 包裹法（其實我也不知道叫啥，形象點叫吧ㄟ(▔ ,▔)ㄏ）
此處附上相應的css**
*
.container
.main1
.left
.main
.right
class="container">
class="main1">
class="main">maindiv>
class="left">leftdiv>
div>
class="right">rightdiv>
div>
這種方法不太好理解，簡單點說就是用浮動的方法將三個布局想辦法變成兩個布局，然後讓包裹兩個的再重新實現兩列布局，就變成三列布局了
剩下的幾種情況這裡就不一一說明了，不過還是推薦第一種方法，不用改html裡的**，（表示本人比較懶(/」≡ _ ≡)=）
三欄布局，中間自適應
css left right centerdom 中間盒子放最後，不然佔位了右邊盒子就到下面去了 left right center中間的左右都要300px father left right center.father father div left right centertable不要寫錯了 ...
三欄布局 左右固定，中間自適應
之前有寫過關於固定父布局，然後父布局內有是兩列自適應。現在我們來看看三欄布局，當左右固定，中間的布適應是如何實現的。這裡將介紹兩種方法，一種是使用margin值，另一種是使用position絕對定位。首先我們來看第一種方法，下面是實現的 無標題文件left right 1.請補充右側編輯器的任務1，...
三欄布局 左右固定，中間自適應
這是我綜合的幾種方法，親自實踐過了。第五種是三個都是自適應。charset utf 8 三欄布局title type text css 第一種方法 bfc left right main 第二種方法 雙飛翼布局 container main left right 第三種方法 聖杯布局 contain...