css - 没有jQuery Masonry插件的css网格高度不均匀

Question

CSS中是否可能有不均匀的高度网格？我从另一个问题中获得了这个插图，但该问题的答案是“使用砌体”。

所以我想实现图 1 中的结果，但只有 2 列。

我不想使用 Masonry 的原因是因为我想给这些 div 本身提供 slideUp 和 slideDown 动画，这与 Masonry 冲突。

Answer 1

您应该将两列包装在一个div然后任一列都会将其下方的 div 和内容向下推。演示http://jsfiddle.net/anY8P/

<div class="row">
    <div class="col1">
        First col
    </div>
    <div class="col2">
        Second col
    </div>
</div>