Susy：@include span mixin表现得很奇怪

Question

通过CodeKit使用Susy，我遇到了一个奇怪的情况：

如果我使用：

.example { @include span (first); }

或

.example { @include span (last); }

Susy根据文件按预期工作。但是，当使用例如

时

.example { @include span (4 at 5 of 12); }

制作一个4列的盒子，但它不是放在第5列，而是简单地向左浮动。

然而，当使用例如     .example {@include span（3 of 8 of 12）; }

该框是3列，如预期的那样，但是开始向右浮动而不是在第8列中。换句话说，将元素放在某个列中是行不通的。用简单的边距替换susy mixin可以正常工作，但这不是使用像Susy这样的网格系统的目的。

我已经联系过CodeKit的开发人员，但他认为这不是Susy的CodeKit问题。我已经使用一些在线课程的代码对它进行了测试，并且它仍在奇怪地工作。

这可能是什么？使用Susy将元素放在某个列中是否有任何先决条件？我在这里想念一下吗？

Answer 1

at关键字用于isolation output。如果需要，可以全局启用隔离，但它会为输出添加一些批量，并更改元素在布局中的流动方式。在没有隔离的情况下，Susy无法了解您的DOM树，或者元素落在默认流中的位置，或者如何将其来回推送到位 - 因此您需要使用默认设置明确地设置它，使用margin mixins（前/后/推/拉）。

[at也用于非对称网格，但在这种情况下它解决了一个不同的问题。]