前言
自学了那么久,慢慢开始写页面遇到了不少关于 css 的坑,想写一篇文章来记录一下,也方便以后自己在遇到这些坑时回顾一下,遇坑即更。
calc
使用 Chrome 浏览器时候,用到了 css3 中的 calc 函数,写法如:height: calc(100vh-49px); 但是在页面中却不生效,错误提示“invalid property value”,最后在教程手册找到了答案,上面明确强调:“需要注意的是,运算符前后都需要保留一个空格,例如:width:calc(100% – 10px);”。