Question

CSS如何定义DIV，使DIV实现多列的排序？

VS2005中，CSS怎么样定义才能实现DIV多列的排序？比如说一行四列。。。#content1
{
width:300px;
height:300px;
overflow:hidden;
float:left;
}我只会定义左右两列的。。。

Answer 1

用float，你可以参考下面的代码
<div style="width:500px;height:100px;">
<div style="float:left;width:100px;height:100px;background:red;"></div>
<div style="float:left;width:100px;height:100px;background:green;"></div>
<div style="float:left;width:100px;height:100px;background:black;"></div>
<div style="float:left;width:100px;height:100px;background:blue;"></div>
</div>

Answer 2

div多列：例如显示整体宽度为800；则可以定义每个div宽度为200，float:left;然后可以排4列，第5个会自动转到下面。

Answer 3

没个div 的css都加上float：left，如果换行div，就取消css里的float