Css sass编译器不工作?仍然可以在width属性中看到calc函数

Css sass编译器不工作?仍然可以在width属性中看到calc函数,css,sass,Css,Sass,我试图在SASS中设置列的宽度以创建网格。我相信我的sass没有被正确编译,因为css中没有calc函数 在我的sass文件中,它是: .col-1-of-3 { width: calc((100% - 2 * #{$gutter-horizontal}) / 3); } 当我检查本专栏的css时,我得到以下信息: .row .col-1-of-3 { width: calc((100% - 2 * 6rem) / 3); } 是否存在sass编译器无法识别calc

我试图在SASS中设置列的宽度以创建网格。我相信我的sass没有被正确编译,因为css中没有calc函数

在我的sass文件中,它是:

  .col-1-of-3 {
    width: calc((100% - 2 * #{$gutter-horizontal}) / 3);
}
当我检查本专栏的css时,我得到以下信息:

 .row .col-1-of-3 {
      width: calc((100% - 2 * 6rem) / 3);
}
是否存在sass编译器无法识别calc函数的原因?谢谢你的帮助。(这是结果的图片)

我相信我的sass没有被正确编译,因为css中没有calc函数

您的SASS编译器工作正常。该函数确实存在于CSS中

SASS编译器无法计算与

100%-2*6rem

感谢您的回复。很抱歉,我应该澄清一下,我想我正在修的这门课的教授是这么说的。我刚刚检查了一下,他实际上说的是,你不能在SASS中使用多个单元进行操作,因为它发生在呈现站点时,这是有道理的。还有什么可以阻止浮动生效?一切看起来都很好的空白,我写的代码完全一样,在讲座。(添加了我得到的结果的图片)