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

Question

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

所以我想在图1中获得结果但只有2列。

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

Answer 1

您应该将两列包裹在div中，然后任一列都会将div及其下方的内容向下推。 DEMO http://jsfiddle.net/anY8P/

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