css3的calc属性不生效问题

Posted wangmaoling

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css3的calc属性不生效问题相关的知识,希望对你有一定的参考价值。

css3的 calc:计算属性。由于自己做的项目中这个属性不常用到,偶尔用一次还没效果。

后来研究了下是因为运算符两边没加空格。

错误示例:.contentwidth:calc(100%-50px)这样是不生效的

运算符"+ - * /"左右两边均要留空格

正确示例:.contentwidth:calc(100% - 50px) 

以上是关于css3的calc属性不生效问题的主要内容,如果未能解决你的问题,请参考以下文章

CSS3--关于z-index不生效问题

CSS中calc(100%-100px)为什么不加空格会不生效?

animate.css不生效

css calc()不起作用

css3 属性——calc()

小程序 calc() 加空格才能生效