不理解Susy如何计算宽度

Question

我不理解Susy如何计算它的网格宽度。我有一个9列的网格，它嵌套在12个网格列中，宽度不像我预期的那样计算。这里是我的设置：

$susy: (
    columns: 12, 
    column-width: 60px, 
    gutters: 2/5, 
    math: static, 
    global-box-sizing: border-box 
); 

所以我的主栏有@include span(last 9 nest);。所以这9列网格单元内，如果我创建使用@include span(1 of 9 inside);不应输出CSS是另一种细胞：

{ 
    width: 60px; 
    padding: 0 12px; 
} 

相反，就是我得到的是：

{ 
    width: 84px; 
    padding: 0 12px; 
} 

我想总的是列宽为60像素，这是我期望的单列宽度，然后在左侧和右侧添加填充。有没有办法告诉Susy不要将宽度添加到列宽？此外，我使用填充而不是边距，因为我需要列彼此齐平。

下面是网格需要的样子的屏幕截图。

Answer 1

如果与Susy输出width: 60px;，然后加入12px填充内部（对于24px水槽），那么实际的柱宽度只会36px。为了给你提供完整的60px列和24px排水沟，宽度需要设置为84px。