原理：外盒子的padding+ （left right）的相對定位
"clear">
"center">
中間"left">
左邊"right">
右邊
1.在主體內部外面巢狀了乙個div
2.center在結構上靠前
3.center，left，right都浮動
4.清除浮動
（給巢狀的主題外部加乙個偽元素::after~在**之後，然後清除浮動）
5.center寬度為100%，left，right寬度固定
6.left通過margin-left為負值（-100%），移動到center最左邊
7.right通過margin-left為負值（自身的寬度），移動到center的最右邊。
8.center的內容左邊和右邊會被left，right遮蓋
9.最外層div新增乙個padding，padding的值為left，right的寬度。
10.left，right相對定位，移動到相應的位置。位移量為自身的寬度。
原理：用了中間盒子的裡面盒子的margin值，然後左右兩邊用margin-left頂開
"center">
"home">
中間"left">
左邊"right">
右邊
1.讓left right center浮動
2.設定left的margin-left為-100%
3.設定right的margin-left為負的自身寬度
4.在center中新增乙個div，將內容寫在這個div中
5.為這個div新增乙個margin，左右margin的值為left right的單個寬度。
原理：用了中間盒子的flex-grow屬性，然後用了order屬性來改變顯示位置
"home">
"center">
中間"left">
左邊"right">
右邊
1.新增乙個最外層的div 暫起名為 home
2.將home設定為彈性盒子（display: flex）
3.left right 固定寬度 center不設定寬度
4.將center設定為 flex-grow: 1
（用於將彈性盒子的可用空間按照比例分配給彈性元素）;
5.調整顯示順序，left： order: 1; center： order: 2 right;： order:3;
上述三種方法都能實現左右定寬，中間自適應的效果
左右定寬，中間自適應三欄布局
三欄布局 左右定寬，中間自適應 方法一 聖杯布局 box1 main1,left1,right1 main1 left1 right1main left right 原理 中間塊元素必須排列在左右元素之前，全部左浮動並且相對於自身進行定位。給父元素乙個左右等於左右元素的padding，就可將左右塊的...
左右定寬中間自適應 雙飛翼布局
lang en charset utf 8 name viewport content width device width,initial scale 1.0 雙飛翼布局title header main center center in left right footer float style...
CSS實現中間定寬，左右自適應的三列布局
要實現中間定寬，左右自適應的三列布局，個人想到的一種方式是 首先在父容器內設定兩個子容器，寬度各佔50 並分別向左向右浮動 在每個子容器中放置乙個顯示區，左容器的顯示區設定margin right，右容器的顯示區設定margin left，這樣便留出了中間的空間。最後再使用乙個定寬的絕對定位容器水平...