html堆叠div,div堆叠/布局与CSS或javascript

所以我有4个div(我其实有更多，但这将简化问题)。我想在两列中显示它们。 4个div的高度不同。最后实际div的数量会有所不同。 所以，如果我有这个div堆叠/布局与CSS或javascript

some content here

some content here

some content here

some content here

与造型从而

.inline { display: inline-block; vertical-align: top; width: 48%;}

所以＃1会向左走，然后＃2会推了旁边的权利，伟大的，但＃3不会向上滑动400px以适合在＃1以下。 (当然)......它在左侧，但在顶部600px处清除＃2的底部。等...

我怎么会得到的divs滑入空的空间，是否有可能与CSS？ jquery也许？ 我知道我可以写专栏来标记它，但由于div的数量不断变化，高度因内容而异。因为我们不关心订单，所以摆脱空间会很好。

有什么想法？

2010-04-15

liz

+0

尝试浮动的div左，右交替 –

2010-04-15 22:54:42

+2

题外话，但DOM元素的ID不能以数字开头。 –

2010-04-15 22:57:37

+0

我知道，这是为了清晰...对不起 –

2010-04-15 23:24:37