CSS常用布局之——等分等高解决方案

html-css020

CSS常用布局之——等分等高解决方案,第1张

先看看等分的布局方案

1. float

兼容性较好(IE 8以上)

**2. flex **

兼容性较差(flex属于css3)

兼容性:IE8及以上

3. table

兼容性:可以兼容 IE 8

1. table

利用 table 的特性——每列等宽

2. flex

3. float

伪等高(只有背景显示高度相等),左右真实的高度其实不相等。 兼容性较好。

第一部分 两列式页面布局

一、两列定宽布局

二、两列自适应布局

三、单列定宽单列自适应布局

四、两列等高布局

第二部分 三列或多列布局

一、两列定宽中间自适应布局

二、三列自适应布局和三列等高布局