2013-07-24 125 views
1

所以我試圖做一個簡單的計算來定位一個元素。我把它歸結爲一個在線'Try SASS'頁面失敗的基本示例。下面的第一個例子成功,而第二個例子失敗。唯一的區別是在計算結束時添加或12像素的減法:SASS計算錯誤?

成功

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; } 

有沒有人遇到此之前?這是一個已知的問題,如果有的話是否有解決方法?

在此先感謝!

回答

2

架失蹤使編譯器考慮到其-ve價值:)

$a: 955px; 
    $b: 8; 

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

您需要添加空格周圍-操作:

$ 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