我怎样才能让div浮动在对方旁边？

Question

http://oi49.tinypic.com/2qithg4.jpg（例如是一个jpg张图片）

正如可以看到的例子;箱子（浮动后）在它下面得到一个空白空间，以便为同等的行divy创造空间 但我想浮动他们所有的时间填补空白..任何建议？

这就是我想做的事（例如是一个jpg图片）

http://oi47.tinypic.com/2nixr2x.jpg

在此先感谢。

编辑//显示亚历一些代码:)

HTML

<div id="content"> 
<div id="featured"></div> 
<div class="box"></div> 
<div class="box"></div> 
<div style="width:310px; height:18px; margin:0 0 10px; padding:98px 0; text-align:center; float:left; display: block; background: #ffffcc;">Ad Space</div> 
<div class="box"></div> 
<div class="box"></div> 
<div class="box"></div> 
</div> 

CSS

#content { } 
#featured { width:630px; float:right; height:214px; margin:0 10px 10px 0; } 
.box { float:left; width:310px; margin:0 10px 10px 0; height:400px; } 

Answer 1

类似的问题以前已经问：Vertical alignment of float:left div's，但没有合适的提出了解决方案。据我所知，用纯CSS做动态内容会很困难，所以我建议使用jQuery Masonry来完成这个任务。

对于纯粹的CSS方法，我猜可以用CSS3 columns来解释，如here所解释的。