calc() 返回百分比，而不是像素？ [复制]答案

【问题标题】：The calc() returns percentage, not pixels? [duplicate]calc() 返回百分比，而不是像素？ [复制]
【发布时间】：2016-08-25 07:29:38
【问题描述】：

这是我的代码：

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

我希望宽度为 100% 并减去 30px。然而 Chromes 检查元素计算为 70% 我试图寻找这个问题，但每个人都说我写它的方式，就是它必须写的方式。这是 Chrome 返回的内容：

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

我不知道出了什么问题。

【问题讨论】：

你在混合像素和百分比，所以软件很混乱。它本可以返回一个“未定义”的答案。
那么这应该是什么样子？
您是否使用了像 less 或 sass 这样的预处理器 css，因为它们在与 calc() 方法一起使用时需要被转义 stackoverflow.com/questions/17904088/…
父元素的宽度是多少？ 100% 相对于什么？
对不起，我用 LESS。并且父级的宽度为 100%。而那个父级的宽度是 100%，也就是全屏宽度

标签： css less calc

【解决方案1】：

我发现了！感谢 Danny Pranoto，这是因为使用 LESS 时的语法有所不同。忘了告诉我用 LESS。对不起各位！

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

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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：