下面要介绍的方法都是让我们的布局如何实现多列的等高视觉效果，正如下图所示：
一、假等高列
这种方法是我们实现等高列最早使用的一种方法，就是使用背景图片，在列的父元素上使用这个背景图进行Y轴的铺放，从而实现一种等高列的假像：
Html Markup
<div class=”container clearfix”>
<div class=”left”></div>
<div class=”content”></div>
<div class=”right”></div>
</div>
在制作样式之前需要一张类似下面的背景图：
CSS Code:
.container {background: url("column.png") repeat-y;
width: 960px;
margin: 0 auto;
}
.left {float: left;
width: 220px;
}
.content {float: left;
width: 480px;
}
北京欧式双眼皮手术/
.right {float:left;
width: 220px;
}
优点：
实现方法简单，兼容性强，不需要太多的css样式就可以轻松实现。
缺点：
使用这种方法不适合流体布局等高列的布局，另外如果你需要更换背景色或实现其他列数的等高列时，都需要重新制作过背景图。
