多行网格（Susy网格系统）

Question

正如我所见，我只能在一个容器中创建几行。当并非所有元素具有相同的高度时，IE都会出现问题。以下示例显示了IE8中的3x3网格。请注意第4个元素出现在第5个元素之后。

http://tinypic.com/r/f27iur/5

幸运的是，我可以通过在每行的第一个元素中使用简单的“clear：both”来解决这个问题......

<div class="container">
    <div class="item">one (Lorem ipsum dolor sit amet, consectetur adipisicing elit.)</div>
    <div class="item">two</div>
    <div class="item">three</div>
    <div class="item">four</div>
    <div class="item">five</div>
    <div class="item">six</div>
</div>

…

@include border-box-sizing;

.container {
    background: #f00;
    @include container;
}

.item {
    background:#ccc;
    @include span-columns(1,3);
    &:nth-child(3n) {  @include omega; }
    &:nth-child(3n+4) { clear: both; }
}

这适用于IE8，但在IE7中，第二行的元素在顶部显示为对齐，我不知道如何解决这个问题。

http://tinypic.com/r/2mfybmb/5