css - jQuery Masonryプラグインなしのcssグリッドの不均一な高さ

Question

CSSで不均一な高さのグリッドを持つことは可能ですか? この図は別の質問から取ったものですが、その質問に対する答えは「メイソンリーを使用する」でした。

したがって、図 1 の結果を達成したいのですが、2 つの列のみを使用します。

Masonry を使用したくない理由は、それらの div 自体に slideUp および slideDown アニメーションを与えたいためであり、Masonry と競合します。

Answer 1

2 つの列をラップする必要があります。divその後、いずれかの列が div とその下のコンテンツをプッシュします。デモhttp://jsfiddle.net/anY8P/

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