CSS遇到的坑

前言

自學了那麼久，慢慢開始寫頁面遇到了很多關於css的坑，想寫一篇文章來記錄一下，也方便之後本身在遇到這些坑時回顧一下，遇坑即更。

---

1. calc

使用Chrome瀏覽器時候，用到了css3中的calc函數，寫法如： height: calc(100vh-49px);可是在頁面中卻不生效，錯誤提示「invalid property value」，最後在教程手冊找到了答案，上面明確強調：「 須要注意的是，運算符先後都須要保留一個空格，例如：width：calc(100% - 10px);」。