動的に生成される一連の div があります。幅を設定しましたが、高さは毎回異なります。私はdivを与えましたfloat:left
。問題は、それらが互いの真下に配置されていないことです。フォーム行と最大の高さを持つ div が行の高さです。これにより、div 間に(垂直方向に)多くのスペースが残っています
例を見てください: JsFiddle
「この div を上に移動」という div を div1 の下に配置するにはどうすればよいですか?
divの高さが静的である場合(おそらく、私は知っています)、margin-top
上に移動したいdivに負の値を追加できます。このフィドルを参照してください。
動的に作成されたdivの場合、最善の策はおそらくjquery masonryなどのサードパーティプラグイン(上記のコメントで述べたように)です。