基础5.5.1高度不均匀的网格类的布局中断

Question

我正在尝试使用2列布局，其中div的高度不固定。理想情况下，id使用.bind类我应该有2个div彼此相邻。

如果我有超过2个高度不均匀的div，问题就出现了。这导致布局突然崩溃。

这是一个例子。理想情况下，我想要一个红色镶边和绿色镶边div并排。但由于div不具有相同的高度，因此布局会中断。

small-6

.text {
  height: 70px;
  border: 1px solid red;
}

.text:nth-child(2n){
  height: 60px;
  border: 1px solid green;
}