Susy 2.0 跨度未按预期工作

Question

我有一个相当简单的问题，我似乎无法弄清楚。在某些列上定位跨度似乎没有任何效果。

header {  
.fullheight {
    @include backImage('../images/img_hero_brightspace-homepage.png');
    @include container(100%);
    .hgroup {
      @include span(6 at 6 of 12);
      padding: 200px 0 50px 0px;
      text-align: center;
      h3{
        display: block;
        font-weight: $light;
        font-size:2rem;
        color:grey;
      }
    }
}

有问题的行是

@include span(6 at 6 of 12);

跨度仍然从 1 开始。 有什么明显的我做错了吗？

Answer 1

at位置关键字只能在使用isolation输出时设置定位。 span(6 at 6 of 12 isolate) 将推动一个元素。您还可以使用 push 或 pull mixins 将元素移出默认位置。

问题是位置是相对于默认流的，在正常的浮动布局中，Susy 不知道项目的默认位置是什么。如果我们不知道它现在在哪里，我们就无法将您的元素推入第 6 列。隔离是一种将所有浮动定位在左边缘的技术。

如果您不始终如一地使用隔离，我会使用 push 或 pull，因为它们是明确相对的。