在libsass中使用susy -输出错误

Question

我使用libsass，因为它比ruby sass更快，并且使用bower导入susy。

@import "../bower_components/susy/sass/susy";

$susy: (
    columns: 12,
    gutter-position: inside,
    global-box-sizing: border-box
);

#content {
    background-color: red;
    @include span(9);
}

#sidebar {
    background-color: blue;
    @include span(3);
}

输出结果为：

#content {
  background-color: red;
  width: 75%;
  float: left;
  padding-left: 0.8333333333%;
  padding-right: 0.8333333333%;
}

#sidebar {
  background-color: blue;
  width: 25%;
  float: left;
  padding-left: 0.8333333333%;
  padding-right: 0.8333333333%;
}

它不能正常工作，它打破了页面。然而，ruby sass输出只将填充更改为0.83333%，一切都是正确的。

正如您在上面看到的，libsass填充输出与ruby sass输出有很大的不同。

哪里出了问题，该如何修复？

Answer 1

我意识到这完全没有错，我忘了加一句：@include border-box-sizing;

我希望它能帮助其他人。