CSSにおいて計算式を可能に、しかも単位が違ってもOKな便利なcalc()ファンクションを勉強がてら使ってみようと思い、書いたら少しはまった(というかどこにも書いてなかった)のでメモ
calc()についての詳細は以下とかググってみてください。
CSSで計算式を可能にするcalc()ファンクション
●誤
calc(1px+1px);
●正
calc(1px + 1px);
要は記号の前後にスペースが必要ってこと。
追記
コメントにありますように、本家の仕様の方に以下の記述がありました。
In addition, white space is required on both sides of the + and - operators. (The * and / operaters can be used without white space around them.)