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

【问题标题】：Why Susy gives 49.15254% in output CSS instead of 50%?为什么 Susy 在输出 CSS 中给出 49.15254% 而不是 50%？
【发布时间】：2015-07-13 04:28:56
【问题描述】：

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

有我的 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？

【问题讨论】：

【解决方案1】：

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

当您在内部使用 gutter-position 时，您可以让网格数学在任何一种方式下都是相同的 - 因为装订线的大小不会影响列的大小。

【讨论】：