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 location关键字只能在您使用isolation输出时设置定位。 span(6 at 6 of 12 isolate)将推送一个元素。您还可以使用push或pull mixins将元素移出默认位置。

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

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