使css列始终向左浮动

Question

我正在尝试使用列创建网格。问题是，一旦一列比另一列大，下一列就不会再向左浮动了。无论如何我可以解决这个问题吗？

该列的代码很简单：

.column { width: 320px; float: left; }

我想避免定义高度或使用浮动：右边。

谢谢

Answer 1

使用nth-child添加明确修复可能是一种解决方案。

.column:nth-child(3n+1) {
    clear: both; /* on row 4,7,10,13,16... */
}

演示：http://jsfiddle.net/0nxb6xnL/

Answer 2

似乎它正在发生在不同的高度。你能让身高相同，然后再试一次吗？

喜欢

.column { width: 320px; height: 200px; float: left; }