2

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

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 开始。有什么明显的我做错了吗？

在此处输入图像描述

4

1 回答 1

4

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

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

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

于 2014-10-15T20:33:39.793 回答