漂浮到頂部未知高度div

Question

我的布局中有一些div有50％的寬度。 每個div可以根據其內容具有可變高度。 我想做的是將它們“浮動”到頂部。 這意味着每個div用上面的div填補空白。 像這樣的東西：

是否有可能通過一些CSS實現這種效果？ 當然，寬度也可以設置為其他值，而不僅僅是50％。 提前致謝。

Answer 1

您可以按如下方式更改html標記

 <div class="left col50">
        <div class="first"></div>
        <div class="third"></div>
     </div>
     <div class="right col50">
        <div class="second"></div>
        <div class="fourth"></div>
     </div>

和css

.col50{
 width:50%;
 }

 .right,.left{
 float:left;
 }