不了解Susy如何计算宽度

时间:2014-05-23 23:46:41

标签: css susy-compass susy-sass

我不明白Susy如何计算网格的宽度。我有一个9列网格,它嵌套在12格网列中,宽度不按照我的预期计算。以下是我的设置:

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

所以我的主栏有@include span(last 9 nest);。因此,如果我使用@include span(1 of 9 inside);创建另一个单元格,那么在9列网格单元格中,输出css不应该是:

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

相反,我得到的是:

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

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

这是网格需要的截图。 enter image description here

1 个答案:

答案 0 :(得分:1)

如果Susy输出width: 60px;,然后在12px排水沟内添加24px填充,则实际的列宽仅为36px。为了给您提供完整的60px列和24px排水沟,宽度需要设置为84px