第一種
運算符間沒加空格，如
/*錯誤示例*/
div{
width: calc(100%-10px);
}
/*正確寫法*/
div{
width: calc(100% - 10px);
}
為什么要加空格？其實不是所有運算符間都需要加空格，只有 + 和 - 需要加空格，因為運算允許負數的出現，如
div{
width: calc(100% + -10px);
}
所以，為了統一，/ 和 * 最好都帶上空格。
第二種
運算值不帶單位，如
/*錯誤寫法*/
div{
width: calc(0 + 10px);
}
/*正確寫法*/
div{
width: calc(0px + 10px);
}
看到這里，你可能會疑問，為啥 0 還要帶個單位呢？其實，calc() 函數傳入的是一個數學表達式，而表達式的值可以有多種類型，如長度、百分比、角度等，
那如果你傳個 0 進去，沒單位的話，怎么知道這個 0 是屬於什么類型呢？