<div id="left" style="float:left width:20pxheight:20px padding-right:10px">
<div id="l1"></div>
<div id="l2"></div>
<div id="l3"></div>
</div>
<div id="middle" style="float:left width:20pxheight:20px padding-right:10px">
<div id="m4"></div>
<div id="m5"></div>
<div id="m6"></div>
</div>
<div id="right"style="float:left width:20pxheight:20px padding-right:10px">
<div id="r7"></div>
<div id="r8"></div>
<div id="r9"></div>
</div>
</div>
思路，一个大div main里面放三个小div 左中右
左边放三个div 左1左2左3，float左浮动。一定要设置长宽，这样才能浮动。
同理 中间放三个，右边放三个。。
是浮动的意思，就是我们用div时正常情况是只能竖排，要想让两相div 可以水平排列就要用float让div可以从左向右水平排列或从右向左排<div id=a></div>
<div id=b></div>
<style type=test/css>
#a{
background-color:#ff0
width:200px
height:200px
float:left
}
#b{
background-color:#ff0
width:200px
height:200px
}
</syle>
不太明白你问的问题。1、如果想让DIV竖着往下，不用调什么，默认就是这样。
2、如果想让它们横向一个挨一个排，每个DIV的CSS中都加上float: left就行了
3、如果是行元素（比如超链接）就把它变成块元素。display: block
补充：有关布局时，用2方法时，一般是放在一个大DIV中。这样在大DIV上下的DIV还是正常的上下结构，如果不把横排的DIV用一个DIV包起来，就等着悲剧吧。如果用了上面方法，DIV没有横排，就检查CSS链接是否正确，CSS文件是否有错等，总之是CSS不起作用了
