calc() returns 百分比,而不是像素?

The calc() returns percentage, not pixels?

这是我的代码:

width: -moz-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);

我想要宽度为100%减去30px。然而 Chromes 检查元素计算这是 70% 我试图寻找这个问题,但每个人都说我写它的方式就是它必须写的方式。 这就是 Chrome returns:

width: -moz-calc(70%); --> line-through
width: -webkit-calc(70%); --> line-through
width: calc(70%);

我不知道出了什么问题。

我发现了! 感谢 Danny Pranoto,这是因为使用 LESS 时语法有所不同。忘了告诉我使用 LESS。抱歉各位!

答案和正确的语法是这样的:

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

试试这个

width: -moz-calc(~"100% - 30px");
width: -webkit-calc(~"100% - 30px");
width: calc(~"100% - 30px");