动态浮动2列

Question

http://jsfiddle.net/ny3es0dk/

#floating_body_container { 
border: 1px solid #ddd; 
padding: 5px; 
float: left; 
width: 450px; 
height: auto; 
margin: 5px; 
background: #eee; 
} 

我想创建仅使用HTML/CSS一个负责任的 “更新流”（尽管在绝对neccesary我可以用js/jQuery的）。问题是，新“线”上的每个新div只会从最后一行的较高div的底部开始。理想情况下，div会转到其上方较短div的一侧。你可以看到jsfiddle上显示的问题。

谢谢。

Answer 1

#floating_body_container:nth-child(even) { 
    float: right; 
} 

解决问题。