Question

所以我正在尝试进行简单的计算以定位元素。我将其归结为在线“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; }

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

提前致谢！

Answer 1

支架丢失，因此编译器考虑其-ve值：）

    $a: 955px;
    $b: 8;

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

Answer 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

在 @nex3 问题中阅读Strange behavior of the subtraction operator的说明。

计算中的SASS错误？

2 个答案: