CSS从左到右的浮动行为

Question

据我所知，浮动倾向于以这种方式行事。

它应该从左到右填充整个空间。我的问题是如何让它以这种方式运作。

它会填满第一列空间的底部，然后填充第二列。

代码：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指出这一点。