動態浮動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; 
} 

解決問題。