css - 宽度:calc() 在 Firefox 中不起作用

Question

我在一个元素上有以下 CSS 属性:

width: calc(100%- 40px);
width: -moz-calc(100% - 40px);

但是 Firefox 说它们都是无效的属性值。这是 Firefox 的错误，还是有一种新的方法来处理 width: calc 在 Firefox 中？

Answer 1

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

正确:

width: calc(100% - 40px);

不正确:

width: calc(100%- 40px);