大家知道，在普通的HTML代码中，我们可以很容易的实现多列。
　　比如：
 
　　<table><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr></table>
 
　　就可以实现一个一行2列的表格了。
 
　　但是在DIV中，实现起来就稍微有些复杂。还是用上边这个例子做解释。
　　div中，每一对<div></div>就是一个盒子。而我们可以把整个屏幕看作最外层只能摆放2个盒子的容器。要让这两个盒子并排放，还得分别在他们的ID对应的CSS中分别加入以下这句话：

　　float:right
　　float:left
 
　　其中left表示放在屏幕左边，right表示放在屏幕右边。
　　这其实就已经实现了两列的表格。如果要实现多列呢？呵呵，由于float是相对于比自己更高一级的盒子而言的。把其他盒子放在这两个盒子里边就行啦。
 
　　比如要实现3列的html代码：
 
　　<div id="left">
      我是左边
　　</div>
　　<div id="right">
         <div id="right_left">
                  我是右一。
         </div>
         <div id="right_right">
                   我是右二。
         </div>
　　</div>
 
　　上例的CSS代码：
　　#left{float:left;width:50%;}
　　#right{float:right;width:50%;}
　　#right_left{float:left;width:49%;}
　　#right_right{float:right;width:49%;}
 
　　最后需要注意的是，如果你按照上述说的做，发现右边的div跑到下边去了，一般是因为这一行所有div的宽度设置的大于了行的总宽度，减小width就好了。

文章评级：★★★★★☆☆☆☆ 发表者：{佚名（127.0.0.*）} 3-18 [ 0]