1つのページに6つのフローティングdiv（左揃え）があります。これらのdivには2つの異なる幅があります（画像（）によって異なります）。1つのdivは295pxで、もう1つのdivは216pxです。高さはHTMLによって自動的に計算されます。コンテナには1050pxがあるので、コンテナの1つの「行」に3つのdivを挿入し、別の3つを2番目の「行」に挿入できます。
CSSルールは機能しており、すべてのdivは左側にフローティングであり、各divには20pxのマージンがありますが、問題はそれらの配置です。これらのdivを比例させたい。現時点では、一部の画像の高さが異なる場合、2番目の「行」にはいくつかの空白スペースがあります（上の画像の高さのため）。
これらのdivをY座標（比例）にフロートさせるものが必要です。
この写真を見てください：
人々が遊ぶためのjsfiddleを作成します。
ただし、行ごとにコンテナdivを作成することをお勧めします。これにより、3つの内部divがカプセル化され、それらと同じ高さになり、次のコンテナが下にうまく収まるようになります。
私のフィドルを参照してください：http：//jsfiddle.net/TJxmT/
フローティングdivの最小の高さで問題が解決しませんか？
Masonryと呼ばれるjQueryプラグインを使用して、そのレイアウトを修正してみてください...驚かれることでしょう。
編集：
cssを使用して、行の最初のアイテムと3つおきのアイテムをいつでもクリアできます。
li:nth-child(3n+4) { clear:left; }
clear: both;改行の最初のすべてのdivにを入れてみましたか？