Sass 未使用Susy框架和@omega清除DIV

我试图使用Susy Compass框架将2个div向右浮动，但出现了一个清除问题：

<div class="div-1">
  <h2>DIV 1</h2>
</div><!--end div-1-->

<div class="div-2">
  <h2>DIV2</h2>
</div><!--end div-2-->

<div class="div-3">
  <h2>DIV 3</h2>
</div><!--end div-3-->

<div class="div-4">
  <h2>DIV 4</h2>
</div><!--end div-4-->

<div class="div-5">
  <h2>DIV 5</div>
</div><!--end div-5-->

下面是一个屏幕截图，以演示如何进行渲染：

如您所见，

div-3

和

div-5

未清除到顶部，以与

div-1

对齐

---

我想也许我可以使用

@alpha

mixin，但它在Susy 1.0（我正在使用）中被弃用。我还尝试在

div-3

和

div-5

上使用

@omega

，没有任何变化。

CSS浮动就是这样工作的。浮动永远不会对齐高于上一个元素（div2）的任何位置。苏西对此无能为力

为了使这个布局能够工作，您必须对标记进行调整——要么切换div的顺序，要么在div 1和2周围添加一个包装器（这是我建议保留源代码顺序的方法）

或者，如果你想变得棘手，你可以在不浮动的情况下处理div3和div5。类似这样的情况（为了简单起见，忽略断点）：

---

这会将它们向右推，同时忽略浮动的div 1、2和4。

哦，不错，不错。我按照你上面引用的那样做了（忽略浮动），效果非常好。非常感谢。

#detail{

    .div-1{
        @include breakpoint($breakpoint-md){
            @include span-columns(7, 12);
            @include pre(1);
            background-color:pink;
        }
    }

    .div-2{
        @include breakpoint($breakpoint-md){
            @include span-columns(7,12);
            @include pre(1);
        }
    }

    .div-3{
        @include breakpoint($breakpoint-md){
            @include span-columns(7,12);
            @include pre(1);
        }
    }

    .div-4{
        @include breakpoint($breakpoint-md){
            @include span-columns(3,12);
            @include suffix(1);
            //@include omega;
            background-color:blue;
        }
    }

    .div-5{
        @include breakpoint($breakpoint-md){
            @include span-columns(3,12);
            @include post(1);
            //@include omega;
            background-color:orange;
        }
    }
}

.div3, .div5 {
  @include pre(8);
  @include suffix(1);
}