CSS Stacked divs

Question

我有一些div全部向左浮動，如果你看到附加的jsfiddle，你會看到我想要做的事情，在小提琴裏有一個黃色的盒子，我需要這個與底部齊平綠箱只是我不知道這是甚至可能嗎？

是嗎？如果是的話，我該怎麼做？提前致謝！

http://jsfiddle.net/K5zjc/

Answer 1

試着這麼做this jsFiddle。從技術上講，您甚至可以將.box項目向右而不是左移動，然後根據其內容獲取自填列。所以，在你的CSS添加：

.box:nth-child(odd) {clear: left} 
.box:nth-child(even) {float: right; clear: right} 

UPDATE

很顯然，如果你有比這些特定塊更該解決方案不起作用不錯。所以，大概jQuery Masonry是你獲得好成績的唯一方法。

Answer 2

您必須float: left充當列添加兩個div秒。

參見：http://jsfiddle.net/K5zjc/5/

<div style="width:200px;"> 
    <div class="boxContainer"> 
     <div class="box green"> 
      <ul><li>Item</li></ul> 
     </div> 
     <div class="box yellow"> 
      <ul><li>Item</li><li>Item</li></ul> 
     </div> 
    </div> 
    <div class="boxContainer"> 
     <div class="box red"> 
      <ul><li>Item</li><li>Item</li><li>Item</li><li>Item</li></ul> 
     </div> 
     <div class="box cyan"> 
      <ul><li>Item</li><li>Item</li></ul> 
     </div> 
    </div> 
</div>