用Susy设置列位置

Question

如何设置列在Susy中的位置？

我认为这样可行：

#idLeftColumn{
@include span(1 at 1 first);
}

#idMiddleColumn{
@include span(1 at 2);
}

#idRightColumn{
@include span(1 at 3 last);
}  

html代码有中间列，左列和右列。

该网站首先显示中间栏目。这是源代码中的顺序。

以下是完整代码：http://sassmeister.com/gist/60d85878921ca500c681

Answer 1

Susy默认使用标准浮点布局。因为花车在流程中叠加，所以你不能以任何“绝对”的方式定位它们 - 你必须从一个位置到另一个位置push或pull。 Susy无法知道他们在流程中的默认位置，但您可以使用push()和pull() mixins手动执行此操作。

或者您可以使用isolation输出选项，该选项使用负边距将所有左侧齐平 - 然后允许您按照您在上面尝试的方式定位它们。

你可以内联：

#idLeftColumn{
  @include span(1 at 1 isolate); // "at 1 first" is redundant
}

#idMiddleColumn{
  @include span(1 at 2 isolate);
}

或者你可以在全球范围内完成：

@include layout(isolate);

#idLeftColumn{
  @include span(1 at 1); // "at 1 first" is redundant
}

#idMiddleColumn{
  @include span(1 at 2);
}