css - CSS：让新行在上面，而不是下面

Question

我有一个div有一些漂浮的孩子。当div' 的宽度变满时，它会继续到第一行下方的新行（这是常规的预期行为）。JSFiddle 显示我在说什么。

我希望它继续到第一行上方的新行，而不是跟随流程。这可能只用CSS吗？我怎样才能做到这一点？

编辑：这是一个新链接，其中包含它的功能和我想要它做什么

EDIT2： 这是一个包含更多元素的示例

Answer 1

添加clear: both;到子元素。这将迫使每个孩子都走自己的路线。

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

更新：

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

Answer 2

如果它只是 1 和 2 之间的分隔符（假设添加了超过 1，因为你说它是动态的），你可以像这样nth-child向你的第二个.child项目添加一个：

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

提琴手

Answer 3

您需要nth-last-child选择器：

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

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

请注意，这在 IE8 或更早版本中不可用。