计算中的 SASS 错误？答案

【问题标题】：SASS bug in calculations?计算中的 SASS 错误？
【发布时间】：2013-07-25 05:31:59
【问题描述】：

所以我试图做一个简单的计算来定位一个元素。我把它归结为一个在在线“Try SASS”页面上失败的基本示例。下面的第一个示例成功，而第二个示例失败。唯一的区别是计算结束时12px的加减：

成功：

SASS：

$a: 955px;
$b: 8;

body {
    width: (($a/$b)/2)+12px;
}

CSS：

body {
width: 71.6875px; }

史诗般的失败？：

SASS：

$a: 955px;
$b: 8;

body {
    width: (($a/$b)/2)-12px;
}

CSS：

body {
width: 59.6875px -12px; }

以前有人遇到过这种情况吗？这是一个已知问题吗？如果是，是否有解决方法？

提前致谢！

【问题讨论】：

标签： css sass compass-sass

【解决方案1】：

括号丢失了，所以编译器考虑到它的-ve 值:)

    $a: 955px;
    $b: 8;

    body {
        width: (($a/$b)/2)-(12px);
    }

【讨论】：

【解决方案2】：

您需要在- 运算符周围添加空格：

$ sass -i
>> $a: 955px
955px
>> $b: 8
8
>> (($a/$b)/2)-12px // bug
(59.6875px -12px)
>> (($a/$b)/2) - 12px // OK
47.6875px
>> ($a/$b) / 2 - 12px // Works fine too
47.6875px

阅读issue中@nex3的解释Strange behavior of the subtraction operator。

【讨论】：