笔者在编写前端网页的样式的时候使用了calc()函数,却发现样式没有生效,在开发者检查模式中发现该样式出现了【invalid property value】错误,即【无效的属性值】,比如 calc(100%-12px); 。
查阅相关资料,得知calc()函数是一个进行四则运算(加减乘除)的函数,在其中的运算符的两侧都需要保留一个空格才会生效。
因此正确的写法应该是 calc(100% - 12px); 。
这样改过来之后,就不会出现【invalid property value】的错误且样式能成功生效了。
"生活其实不需要那么多的保障也能过得下去。"