javascript - 記事要素の整列

Question

私のhtml5ページでは、記事のグループのスタイルを設定しようとしています. article-element の幅は固定ですが、高さは可変です。float: left を使ってみました。

下の緑色のボックスのように見えるはずですが、赤いボックスのように見えます。ボックス番号 3 が正しく配置されていません。

これを修正するCSS3またはjsの方法はありますか?

Answer 1

これを行うように設計されたMasonryと呼ばれる jQuery 用のプラグインがあります。