一、使用flex布局
好好學習
好天天向上
絕對定位法原理是將左右兩邊使用absolute定位，因為絕對定位使其脫離文件流，後面的center會自然流動到他們上面，然後使用margin屬性，留出左右元素的寬度，既可以使中間元素自適應螢幕寬度。
我是左邊
我是右邊
我是中間
自身浮動法的原理就是使用對左右使用分別使用float:left和float:right，float使左右兩個元素脫離文件流，中間元素正常在正常文件流中，使用margin指定左右外邊距對其進行乙個定位。
我是左邊
我是右邊
我是中間
聖杯布局的原理是margin負值法。使用聖杯布局首先需要在center元素外部包含乙個div，包含div需要設定float屬性使其形成乙個bfc，並設定寬度，並且這個寬度要和left塊的margin負值進行配合，具體原理
參考這裡
。這裡對聖杯布局解釋特別詳細。
兩邊定寬，中間自適應的方法總結
兩邊定寬，中間自適應的方法總結。float margin實現 html parent left left div right right div 特別需要注意 自適應寬度的div必須放在最後,如果把right div放到最後會被擠下來 conter conter div div css parent...
三欄布局（兩邊固定，中間自適應）
我的答案 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 網上答案 主要有定位，浮動和通...