为什么CSS calc()函数不适用于我?

前端之家收集整理的这篇文章主要介绍了为什么CSS calc()函数不适用于我?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我学到了关于CSS函数calc()和它的真棒。我试图使用它像:
#abc{width:calc(100%-20px)}

但是这个功能的问题是它不起作用。我测试了这个代码IE9和Safari,它没有工作。

为什么不起作用?

解决方法

运算符“ – ”必须被空格包围:
#abc{width:calc(100% - 20px)}

引用MDN info on calc():“注意:运算符必须始终被空格包围。 calc(50%-8px)的操作数将被解析为一个百分比,后跟一个负长度,一个无效的表达式,而calc(50% – 8px)的操作数是一个百分比,后跟一个减号和一个长度“。

关于这个的正式声明是在clause 8.1.1的CSS值和单位模块3级CR。

原文链接:https://www.f2er.com/css/218132.html

猜你在找的CSS相关文章