大家知道，在普通的HTML代码中，我们可以很容易的实现多列。

比如：

 

 

就可以实现一个一行2列的表格了。

 

 

但是在DIV中，实现起来就稍微有些复杂。还是用上边这个例子做解释。

div中，每一对<div></div>就是一个盒子。而我们可以把整个屏幕看作最外层只能摆放2个盒子的容器。要让这两个盒子并排放，还得分别在他们的ID对应的CSS中分别加入以下这句话：

 

 

其中left表示放在屏幕左边，right表示放在屏幕右边。

这其实就已经实现了两列的表格。如果要实现多列呢？呵呵，由于float是相对于比自己更高一级的盒子而言的。把其他盒子放在这两个盒子里边就行啦。

 

比如要实现3列的html代码：

 

 

上例的CSS代码：

 

最后需要注意的是，如果你按照我说的做了，发现右边的div跑到下边去了，一般是因为这一行所有div的宽度设置的大于了行的总宽度，减小width就好了。