Question

css设置块元素在div内竖着排列

例如我的div高度为100px，宽度为500px，我想让其中的子div（正方形宽度为20px）从上到下排列下来，而且是从左开始，请问css怎么写？

Answer 1

<div id="main" style="float:left;width:100px;height:500px;">
<div id="left" style="float:left width:20px;height:20px padding-right:10px;">
<div id="l1"></div>
<div id="l2"></div>
<div id="l3"></div>
</div>
<div id="middle" style="float:left width:20px;height:20px padding-right:10px;">
<div id="m4"></div>
<div id="m5"></div>
<div id="m6"></div>

</div>
<div id="right"style="float:left width:20px;height: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左浮动。一定要设置长宽，这样才能浮动。
同理 中间放三个，右边放三个。。

Answer 2

呵呵，这个貌似实现不了
不过有个变通的方法
就是你用三个div横着排
然后在这三个div里面
每个里面竖着放三个块
这样就能实现了

Answer 3

先从竖这排 在从横着排

Answer 4

子DIV float:left

追问

你好，如果float：left，那我从数据库调出来的1，2,3图片就会到1,4,7位置，想从数据库调出来就按我图示排列，可以吗

追答

看错了

Answer 5

使用bootstrap栅格系统