方法一：左右使用浮動，中間設定margin-left和margin-right
這種方式很簡單，就是讓左邊的左浮動，右邊的右浮動，然後通過設定中間的margin將內容從兩邊拉回來。
例項效果圖.png
**如下：
我是右邊
我是中間
將三個都加上float: left, 再相對定位，因為在後面需要為左右兩塊區域重新定位。
middle部分 width:100%佔滿
此時middle佔滿了，所以要把left拉到最左邊，使用margin-left:-100%
這時left拉回來了，但會覆蓋middle內容的左端，要把middle內容拉出來，所以在外圍container加上 padding:0 220px 0 200px
middle內容拉回來了，但left也跟著過來了，所以要還原，就對left使用相對定位 left:-200px 同理，right也要相對定位還原 right:-220px
到這裡大概就自適應好了。如果想container高度保持一致可以給left middle right都加上min-height:130px
貼出**
我是middle
我是left
我是right
css 兩邊固定，中間自適應布局
參考 相同點 利用布局，可優先渲染主要部分 不同點 聖杯布局 借助的是其他非主要元素覆蓋了其父元素的padding值所佔據的寬度，同乙個杯子，非主要元素其只是佔據了全部容器的padding值部分 雙飛翼布局 給主要部分main wrap新增乙個外層元素main，其他非主要元素所佔據的空間是主要部分 ...
三欄布局（兩邊固定，中間自適應）
我的答案 1 div class left 1 div 2 div class center 2 div 3 div class right 3 div 4 style text type css 5 div 6 left,right 7 center 8 style 網上答案 主要有定位，浮動和通...
三欄布局（兩邊固定，中間自適應）
我的答案 1 div class left 1 div 2 div class center 2 div 3 div class right 3 div 4 style text type css 5 div 6 left,right 7 center 8 style 網上答案 主要有定位，浮動和通...