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

Question

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

有我的Susy的简单设置:

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

如您所见，我删除了上面的装订线(不知道这是否是最好的方法，例如。我注意到有人使用 gutters: 0 甚至 gutters:空)。

最后，我找到了奇怪的 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 的目的是在不改变网格底层数学的情况下改变 gutter 输出。 no-gutters 所做的只是关闭 gutter 输出。它并不意味着像那样在全局范围内使用。要实际更改网格数学，您需要设置 gutters: 0。

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