CSS遇到的坑

前言

自学了那么久，慢慢开始写页面遇到了很多关于css的坑，想写一篇文章来记录一下，也方便之后本身在遇到这些坑时回顾一下，遇坑即更。

---

1. calc

使用Chrome浏览器时候，用到了css3中的calc函数，写法如： height: calc(100vh-49px);可是在页面中却不生效，错误提示“invalid property value”，最后在教程手册找到了答案，上面明确强调：“ 须要注意的是，运算符先后都须要保留一个空格，例如：width：calc(100% - 10px);”。