[Sass運算]加法

程序中的運算是常見的一件事情，但在CSS 中能做運算的，到目前為止僅有calc() 函數可行。但在Sass 中，運算只是其基本特性之一。在Sass 中可以做各種數學計算，在接下來的章節中，主要和大家一起探討有關於Sass 中的數學運算。

（一）、加法

加法運算是Sass中運算中的一種，在變量或屬性中都可以做加法運算。如：

.box {
  width: 20px + 8in;
}

編譯出來的CSS:

.box {
  width: 788px;
}

但對於攜帶不同類型的單位時，在Sass 中計算會報錯，如下例所示：

.box {
  width: 20px + 1em;
}

編譯的時候，編譯器會報錯：“Incompatible units: 'em' and 'px'.”