一邊整理一邊記憶
學習：4種情況：
一欄定寬 一欄自適應
一欄不定寬 一欄自適應
兩欄等高
左右寬度比 1:2，右邊 分上下結構，高度比 1:1
左側定寬，右側自適應
方法一：
設定 兩個高度相同；
左邊 float：left，設定寬度a
右邊不設定寬度，但 margin-left：a
（塊級元素 流式特性）
方法二：
設定 兩個高度相同；
左邊 float：left
右邊 overflow：hidden（用 overflow：hidden觸發的 bfc 清除 左邊 產生的浮動影響）
（作者 下面的話我覺得更好理解：原話——不與浮動元素交集，自動退到 浮動元素寬度之外）
作為普通元素的流體特性依然存在，反映在布局上就是自動填滿除去浮動內容以外的剩餘空間。
如果 右邊寬度 固定，左邊 寬度 自適應，那 html 結構 該是 右邊div 先寫
方法三：
基礎 頁面布局 兩欄布局4
根據題目給出你的答案。下高度固定，上自適應 題目 下高度固定為150px，上自適應。lang en charset utf 8 name viewport content width device width,initial scale 1.0 頁面布局 兩欄布局4title html body s...
頁面常用的三欄布局與兩欄布局
cantainer left right cantainer left right 將父元素設定為position relative.左邊元素 position absolute left 0 top 0 右邊元素 positon absolute right 0 top 0 中間元素 margin...
頁面布局（三欄布局）
假設高度已知，請寫出三欄布局，其中左欄 右欄寬度各為300px，中間自適應。1.浮動布局 2.絕對定位 3.flexbox解決 4.table cell 布局 5.grid網格布局。doctype html en utf 8 viewport content width device width,i...