css - CSS:改行を下ではなく上にする

Question

私divはいくつかの浮かんでいる子供を持つ を持っています。の幅がいっぱいになると、最初の行の下divの新しい行に続きます(これは通常の予想される動作です)。私が話していることを示す JSFiddle。

フローに従うのではなく、最初の行の上の新しい行に続けてほしい。これはCSSだけで可能ですか? どうすればこれを達成できますか？

編集：これは、それが何をするのか、そして私が何をしたいのかについての新しいリンクです

EDIT2： これはより多くの要素を持つ例です

Answer 1

1 と 2 の間の分離のみになる場合 (動的であると言ったように 1 つ以上が追加されると仮定します) 、次のようnth-childに を 2 番目の.child項目に追加できます。

.child:nth-child(2) {
    clear:left;
}

Jsフィドル

Answer 2

nth-last-childセレクターが必要です：

http://jsfiddle.net/e7qde/16/

.child:nth-last-child(even) {
    clear: both;
}

これは IE8 以前では使用できないことに注意してください。

Answer 3

clear: both;子要素に追加します。これにより、各子が独自の行に強制されます。

http://jsfiddle.net/e7qde/6/

アップデート：

http://jsfiddle.net/e7qde/12/