width：calc（）在Firefox中不起作用

Question

我在项目上有以下CSS属性：

{{1}}

但Firefox说他们都是无效的属性值。这是Firefox的一个错误，还是有一种新方法可以在Firefox中进行宽度：计算？

Answer 1

使用Firefox 53的

-moz-calc CSS函数has been removed。只需使用calc并确保参数之间有空格：

正确的：

width: calc(100% - 40px);

不正确的：

width: calc(100%- 40px);

Answer 2

Firefox浏览器支持calc功能，如mozilla web developer reference底部的浏览器兼容性所示，只有关于该页面上注明的空白和{{3}的特定说明}：

  

此外，+和 - 运算符的两侧都需要空格。 （可以使用*和/操作符，周围没有空格。）

您的示例可以通过在-符号前添加额外的空格来实现：

width: calc(100% - 40px);

对于-moz-calc()函数，根据官方Firefox开发渠道，他们official W3 specs自2017年1月起支持此函数，并建议使用标准calc()函数。