这个问题一直困扰我一段时间。所以我创建了一些视觉描述我的问题
首先这里是我的HTML结构我有6个div ..第一3浮点左和最后3浮点右。最后一个图像显示我想要的结果，但似乎不能得到。有人可以帮助我在这里
编辑//对不起我的HTML和CSS
<style>
.left { float:left; }
.right { float:right; }
</style>
<div id="container">
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="right"></div>
<div class="right"></div>
<div class="right"></div>
</div>
注意：我不能做一个左右左左右左选项，因为我通过查询到我的数据库从PHP获取我的数据..第一次查询左侧第二次查询正确….感谢一堆
/编辑
我的浮标导致这一点
这是我想要的
解决方法
您可以为此使用CSS3列数属性。写这样：
.parent{
-moz-column-count: 2;
-moz-column-gap: 50%;
-webkit-column-count: 2;
-webkit-column-gap: 50%;
column-count: 2;
column-gap: 50%;
}
.parent div{
width:50px;
height:50px;
margin:10px;
}
.left{
background:red;
}
.right{
background:green;
}
