三欄式布局裡面也有很多種，一般由子列，主列和附加列構成，這次要實現的是中間自適應寬度+兩邊固定寬度+父元素的高度由子元素中最大高度決定。
我是這樣實現的：將left和right分別浮動到左邊和右邊，然後content設定左右外邊距。必須注意的是left和right部分要寫在content的前面，先把位置佔好，才不會被content擠出去。
聖杯布局：
1.特點：主要內容列先載入；不需要清楚浮動。
2.實現：先將left和right都設為浮動，然後將left和right利用負外邊距分別定為到左邊和右邊——此時left和right已經到了正確的位置但它們會將content覆蓋，然後給容器container新增左右內邊距從而讓content定位正確——此時會發現left和right的位置也隨容器內邊距變化而變化了，然後給left和right設定相對定位——此時當瀏覽器大小改變時left和right會移動，最後在容器中設定min-width完成。值得注意的是content在left和right的前面。最終**：
雙飛翼布局：
1.特點：主要內容列先載入；不需要清楚浮動
2.實現：先將content和left和right設為浮動，然後將left和right利用負外邊距分別定為到左邊和右邊，然後在content外面包裹乙個width：100%的div，然後設定content的左右外邊距。最終**：
這就是自己在這個任務中學到的，希望自己能一直堅持這種方式，讓自己對web前端的學習更深入，對知識的了解更透徹。
三欄式布局
通常來說，三欄式最基本要解決的是左右兩側固定寬度，中間列自適應寬度，另外根據瀏覽器從上至下的渲染原理，通常中間欄才是最主要的內容，最好能在dom結構上將中間欄放在更前面 中間欄需要自適應寬度，自然想到塊級元素特性，但正因為這種獨佔一行的特性，只能將左右提前並且兩邊浮動，而中放最後做自適應寬度 另外就...
三欄式布局
真是坑壞我了.就因為html裡left,right,center的位置一直出錯 應該是left,right,center我寫成了left,center，right 團隊名稱 課程多數題目的解決方案都不是唯一的，這和我們在實際工作中的情況也是一致的。因此，我們的要求不僅僅是實現設計稿的效果，更是要多去...
三欄式布局
1 絕對定位法 這或許是三種方法裡最直觀，最容易理解的 左右兩欄採用絕對定位，分別固定於頁面的左右兩側，中間的主體欄用左右margin值撐開距離。於是實現了三欄自適應布局。絕對定位法下的css left,right left right content html 為 絕對定位法的html class...