http://www.zell-weekeat.com/susy-gutter-positions/

One question that was asked in the Susy survey I created a month ago really stood out to me. The question is “how to remove margins or paddings of the first and last column without using first-child and last-child in the grid system?”.

自從把某專案的 Susy 從 1 升到 2，我整個人像掉入無底洞… Susy 2 的 doc 真的不知道在寫什麼，感覺非常的沒有組織，跳來跳去的；偏偏 Susy 1 -> 2 又給人一種完全不認識它的感覺，我就這樣迷失在 Susy 2 的 doc 海裡了。

後來在網路上尋尋覓覓終於找到了幾篇好文(其實是尋覓了幾個月的期間，這些文章才被寫出來… Susy 2 太新了)。

這篇文章很詳盡的解釋了在 Susy 裡面各種 gutter 模式是怎麼一回事，當下讓我門戶洞開(?)。老實說我不知道 Susy 1 的年代有沒有分這些模式，但到了 Susy 2 它們就像天上掉下來一樣到處都是，而我卻一個都不認識。

結論

基本上可以整理成一張表。

名稱	種類	位置	方向	單位	注意搭配 nest 使用
after	margin	外側	右	%	no
before	margin	外側	左	%	no
split	margin	外側	雙向	%	yes
inside	padding	內側	雙向	%	yes
inside-static	padding	內側	雙向	固定單位	yes

知道這些，除了在 Susy 2 裡面用爽爽之外，也可以讓你對目前各種實作 grid 的方法有更多的了解，進而使自己的 CSS 能力更上一層樓。

祝各位 Susy 2 使用愉快啦！