css樣式寬高計算方法calc()的注意事項

在css樣式中，計算寬高是常用的方法，不過人們大多是計算好後直接布局，但設計動态布局時，就難免要用到calc() 方法了

不過使用時如果不注意，很容易出現寬高無效情況，如：

​

​width:calc(100vh-40px);​

這種寫法就是無效的。

而出現這個問題的主要原因就是運算符兩側沒有留白格，正确寫法應該是：​

​width:calc(100vh - 40px);​

補充：calc()函數支援 "+", "-", "*", "/" 運算；