我不明白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不要在列宽上添加宽度?我也使用填充而不是边距,因为我需要列彼此齐平。
这是网格需要的截图。
答案 0 :(得分:1)
如果Susy输出width: 60px;
,然后在12px
排水沟内添加24px
填充,则实际的列宽仅为36px
。为了给您提供完整的60px
列和24px
排水沟,宽度需要设置为84px
。