三欄布局,高度固定,兩欄固定寬度,中間自適應(yīng)
????1.float 布局
????????優(yōu)點(diǎn):兼容性好
????????缺點(diǎn):脫離文檔流
????2.絕對(duì)定位
????????優(yōu)點(diǎn):快捷,穩(wěn)定
????????缺點(diǎn):脫離文檔流,導(dǎo)致下面的元素也要脫離文檔流才行
????3.flex 布局
????????優(yōu)點(diǎn):比較完美的布局選擇,是移動(dòng)端的最佳選擇
????????缺點(diǎn):低版本的瀏覽器不支持
????4.表格布局
????????優(yōu)點(diǎn):兼容性問題比較好
????????缺點(diǎn):高度統(tǒng)一等
????5.網(wǎng)格布局
????????和flex優(yōu)缺點(diǎn)相似,低版本的瀏覽器不支持
