使用Susy的静态嵌套网格

Question

我正在尝试使用Susy进行静态布局，我需要一些关于如何建立具有相同装订线宽度的嵌套网格的方向。在下面的这个例子中，我有.main，它跨越12列中的9列，我喜欢让它的子节点.main-item在9列布局中有一个四列布局，保持相同的18px天沟宽度。

http://sassmeister.com/gist/2a414c2b9dc6f332b89b

这当然可以在流体网格中无缝运行，因为所有内容都是百分比，但在本实验中我想尝试使用静态网格。

最好的方法是什么？是＆＃34; with-layout＆＃34;通过定义新的布局来实现这个目标，或者还有其他方法来实现这个目标吗？

到目前为止我尝试了什么： 1.简单地提到.main-item的跨度（3的12）知道它不会工作，但仍然给了它一个机会 2.定义一个新的布局并使用with-layout mixin，但它把这个错误扔给了我＃34;函数valid-column-math完成了没有@ return＆＃34;。我想我会做错了。

感谢您的建议。

Answer 1

重新定义网格将需要大量额外的数学，因为您必须计算列的新大小。此外，上下文并不重要，因为数学与上下文无关。但是，如果您只是跨越小数列，它似乎可行。你想将9列分成4个，所以看起来像是：

.main-item {
  @include span(9/4);
  &.last{
    @include last;
  }
}