在Sass中，共有4種數字運算：
1.加法:在Sass中，做加法運算時，數值可以帶單位，但是需要運算單位相同。如果不相同就會報錯，編譯不通過。
實例：
$sidebar-width:220px;
$content-width:720px;
$gap-width:20px;
.container
{
width: ($sidebar-width + $content-width + $gap-width)
margin: 0 auto;
}
編譯出來的css代碼是：
.container
{
width:960px;
margin:0 auto;
}
2.減法：跟Sass加法是一樣的，做減法運算時，數值可以帶單位，但是需要運算單位相同。如果不相同就會報錯，編譯不通過。
需要注意的是：如果是做減法運算是“變量”而不是“數值”的時候，我們要注意減號“-”前后一定要有空格。不過對於Sass中的加法，則不需要考慮這一點。
3.乘法：做乘法運算時，只能有一個數值帶單位，另外一個數值只能是不帶單位的數字。如果兩個都是帶單位的數字，則Sass會報錯而編譯不通過。
4.除法：“/”在CSS中已經作為一種符號來使用了，例如我們常見的字體屬性縮寫“font:Arial 12px/1.5em”。因此在Sass中做除法運算的時候，如果我們直接使用“/”符號作為除號，將不會生效。因此在Sass中，如果我們想要做除法運算，我們需要在外面添加一個“小括號()”。
實例：
$width:100px;
div
{
width:（$width/2);
}
編譯出來的css代碼：
div
{
width:50px;
}
在Sass中，如果做除法運算中是“變量”而不是“數值”時，“/”會被自動識別為除法，不需要在外面添加小括號。
注意：在使用Sass的過程中，“/”這個符號被當做除法運算時有以下3種情況：
（1）數值被小括號()包含；
（2）數值是另外一個數學表達式的一部分；
（3）數值或它的任意部分存儲在一個變量中或者函數的返回值；
舉例：
$height:100px;
div
{
font:20px/10px; //純CSS，不是除法運算
width:(20px/10px); //使用了小括號，是除法運算，符合第1點
height:$height/2; //使用了變量，是除法運算，符合第3點
line-height:round(1.5)/2; //使用了函數，是除法運算，符合第3點
margin-left:10px + 10px/2px; //使用了加號，是除法運算，符合第2點
}
編譯出來的css代碼如下：
div
{
font: 20px/10px;
width: 2;
height: 50px;
line-height: 1;
margin-left: 15px;
}
但是注意：在實際開發中，不管是加法、減法，還是乘法、除法運算，建議在外面加上小括號。這種書寫方式，能夠使得代碼一目了然，也方便維護。