html - 左から右への CSS Float 動作

Question

私の知る限り、フロートはこのように動作する傾向があります。

必要に応じて、スペース全体を左から右に埋めます。私の質問は、このように動作させる方法です。

最初の列のスペースの下部を埋めてから、2 番目の列を埋めます。

コード: http://jsfiddle.net/EwqYW/

ありがとう。

Answer 1

達成したいことや入力したいことに浮かぶことから離れるのが最善です。

display:block;

DOM要素の代わりに。

Answer 2

フロートを外すだけ！

.container {
    margin:0.5em;
}

デモ: http://jsfiddle.net/EwqYW/11/

Answer 3

使用してみてください：

.container { clear:left; }

このフィドルを確認してください：http：//jsfiddle.net/EwqYW/5/。

Answer 4

Jquery Masonは、私が探している答えです。これを指摘してくれた Josh Davenport に感謝します。