一、两列定宽布局
二、两列自适应布局
三、单列定宽单列自适应布局
四、两列等高布局
第二部分 三列或多列布局
一、两列定宽中间自适应布局
二、三列自适应布局和三列等高布局
先看看等分的布局方案
1. float
兼容性较好(IE 8以上)
**2. flex **
兼容性较差(flex属于css3)
兼容性:IE8及以上
3. table
兼容性:可以兼容 IE 8
1. table
利用 table 的特性——每列等宽
2. flex
3. float
伪等高(只有背景显示高度相等),左右真实的高度其实不相等。 兼容性较好。