CSS Calc很奇怪的错误

Question

我有一个具有以下calc规则的元素：

width: calc(100% - 75px);

但是，在DevTools中检查时，元素具有以下规则：

width: calc(25%);

发生了什么事？

我正在运行Chrome和LESS 1.4.2（正在浏览器中进行编译）。

Answer 1

LESS会将100% - 75px评估为100 - 75，其单位为%，这可以解释为什么您在编译输出中获得25%值。

如果您需要传递值而不解释它们，则需要使用：

width: ~"calc(100% - 75px)";

Answer 2

尝试转义值：

width: ~"calc(100% - 75px)";

Answer 3

您已将其设置为100％-75px。你确定标识符的宽度不是100px吗？

.thing {
    width: calc(100% - 75px);
}

即，100px -75px给出25px？