为什么 Susy 在输出 CSS 中给出 49.15254% 而不是 50%？

Question

我决定开始使用 Susy，因为我想要 grids 的良好框架。不幸的是，我发现自己在努力做出我想要的东西。毕竟我想知道为什么Susy会给出如此奇怪的数学规则。

这是我的Susy的简单设置：

$susy: (
    columns: 12,
    math: fluid,
    output: float,
    gutter-override: no-gutters,    
);

如您所见，我如上所述删除了排水沟（不知道这是否是最好的方法，例如。我注意到有人使用 gutters: 0 甚至 gutters: null ）。

终于找到了奇怪的49.15254%的解决方法：

$susy: (
    columns: 12,
    math: fluid,
    output: float,
    gutter-override: no-gutters,
    gutter-position: inside,
);

有人能解释一下为什么 Susy 做了任何排水沟（或 smth），即使给出了 gutter-override: no-gutters 吗？

Answer 1

gutter-override 的目的是在不改变网格基础数学的情况下改变装订线输出。 no-gutters 所做的只是关闭装订线输出。它并不意味着像那样在全球范围内使用。要实际更改网格数学，您需要设置 gutters: 0.

当您在内部使用 gutter-position 时，无论哪种方式，网格数学都是相同的 — 因为间距的大小不会影响列的大小。

Why Susy gives 49.15254% in output CSS instead of 50%?