漂浮到顶部未知高度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;
 }