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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS常用布局之——等分等高解决方案相关的知识,希望对你有一定的参考价值。

参考技术A

先看看等分的布局方案

1. float

兼容性较好(IE 8以上)

**2. flex **

兼容性较差(flex属于css3)

兼容性:IE8及以上

3. table

兼容性:可以兼容 IE 8

1. table

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

2. flex

3. float

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

以上是关于CSS常用布局之——等分等高解决方案的主要内容,如果未能解决你的问题,请参考以下文章

CSS布局奇淫技巧之-多列等高

CSS布局奇淫技巧之-多列等高

三种纯CSS方法实现等高列

CSS技巧

CSS布局——水平垂直居中等分布局圣杯布局

等高柱由960.gs框架组成