html - CSSを使用してさまざまなサイズのdivを表示する

Question

高さに関係なく、建物のように特定のマージンで、高さの異なるdivを互いに近くに表示するにはどうすればよいですか？
このWebサイトのdivのようなものを意味しますhttp://via.me
flaot：leftを使用しましたが、フロートします最後のdivでのみ、空のスペースを残しますこれは私が使用したコードですhttp://jsfiddle.net/D9rHB/6/

Answer 1

この場合、jQuery Masonryプラグインが探しているものになると思います。

Masonry は、jQuery の動的グリッド レイアウト プラグインです。CSS フロートの裏側と考えてください。フローティングは要素を水平に配置してから垂直に配置しますが、Masonry は要素を垂直に配置し、各要素をグリッド内の次のオープン スポットに配置します。その結果、石工が壁に石をはめ込むように、さまざまな高さの要素間の垂直方向の隙間が最小限に抑えられます。

JS フィドルのデモ。

Answer 2

出来るよ。そのためには「絶対」という立場が必要です。

次に、高さと上部の値を手動で計算して、必要な場所に div を配置します。

簡単にするために、すべての div の幅を同じにします。また、それぞれのdivの高さを作ります

列固定。

これを行う方法をさらに明確にする必要がある場合はお知らせください。