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或pullmixins 将元素移出其默认位置。

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

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