不理解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。