如何使块成对并排排列？

Question

我有几个带内容的简单div，它们的宽度为50％并向左浮动。这意味着它们并排排列（成对）。但是，如果其中一个块的内容比另一个块少，则下面的块浮动在错误的一侧=中断。

是否有一种简单/干净的方法来处理这个问题，而不涉及在每隔二个div之后添加clearfix div？ 这是现在的css代码：

div {width:50%; background:#ccc; float:left; margin-bottom:20px;}

http://jsfiddle.net/yWxBe/

Answer 1

你可以这样做：

div:nth-child(odd){
  clear: left;
}

以下是您的演示更新：http://jsfiddle.net/yWxBe/1/

Answer 2

您可以为左右列制作容器div吗？

替代方案：jQuery，这个问题有大量的jQuery库。