诀窍在于我希望div 3略高一些，1到3之间的边距是15 px，如2和4。
http://www.tiikoni.com/tis/view/?id=528cedf
问题是div的大小与我的SQL查询中的数据大小不同，所以我不知道div的大小是多少。 并且div以1,2,3,4,5 ..... 2乘2的顺序获得，其中每一个代表我的查询的元素。 我已经在leftobject，rightobject中分割了div。
.leftobject
{
float:left;
position: relative;
width: 300px;
border-style: outset;
border-width: 3px;
border-color: #EdEDED;
background-color: #FFFFFF;
border-radius: 15px;
margin-bottom: 15px;
}
.rightobject
{
margin-left: 315px;
position: relative;
width: 300px;
border-style: outset;
border-width: 3px;
border-color: #EdEDED;
background-color: #FFFFFF;
border-radius: 15px;
margin-bottom: 15px;
}
如果元素％2 = 0则运行for循环以使用json输出div然后它在左侧，否则它在右侧。
谢谢。
答案 0 :(得分：2)
除了float:right;之外，您始终可以使用float:left;。
#wrap div:nth-of-type(odd) {
float:left;
}
#wrap div:nth-of-type(even) {
float:right;
}
<强> Fiddle
答案 1 :(得分：0)
你可以这样做：
这里有效：http://jsfiddle.net/X9f7a/
根据自己的喜好调整盒子尺寸（和颜色）！
修改 如果您不希望盒子具有固定高度，则可以将最小高度设置为某个值。这样，如果有大量的写作，它会扩展框。
重复编辑！ 您可能想阅读我们的评论！ ：）
HTML：
<div class="wrap">
<div class="left-side">
<div class="box-1">
</div>
<div class="box-2">
</div>
</div>
<div class="right-side">
<div class="box-3">
</div>
<div class="box-4">
</div>
</div>
</div>
CSS：
.left-side, .right-side {
width:80px;
height:auto;
background-color:black;
display:inline-block;
vertical-align:top;
}
.box-1, .box-2, .box-3, .box-4 {
width:50px;
height:50px;
background-color:red;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
}
.box-2 {
height:80px;
}
.box-3 {
height:90px;
}
答案 2 :(得分：0)