使 css 列始终向左浮动

Question

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

专栏的代码很简单：

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

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

谢谢

Answer 1

似乎不同的身高都会发生这种情况。能不能让高度一致再试一次？

喜欢

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

Answer 2

使用 nth-child 添加清除修复可能是一个解决方案。

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

Make css columns always float left