html - CSS浮动行为从左到右

Question

据我所知，浮动往往以这种方式表现。

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

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

代码：http: //jsfiddle.net/EwqYW/

谢谢。

Answer 1

只需删除浮动！

.container {
    margin:0.5em;
}

演示：http: //jsfiddle.net/EwqYW/11/

Answer 2

最好不要浮在想要完成和输入的内容中：

display:block;

适合您的 DOM 元素。

Answer 3

尝试使用：

.container { clear:left; }

检查这个小提琴：http: //jsfiddle.net/EwqYW/5/。

Answer 4

Jquery Mason是我正在寻找的答案。感谢 Josh Davenport 指出这一点。