CSS/LESS:Calc()使用百分比减去未正确计算的像素

Question

这是一个以前被问过好几次的问题，但我找到的答案似乎都不适用于我的情况。我有3个按钮，我正在尝试评估它们的宽度如下：

.num-buttons-3 {
    width: calc((100% - 40px)/3);
}

在我的浏览器（Chrome）中，这总是评估为20%，即(100% - 40%)/3。

我尝试了许多建议的替代方案来正确评估，例如：

.num-buttons-3 {
   width: calc((~'100% - 40px')/3);
}
.num-buttons-3 {
@marg: 40px;
width: calc((~'100% - @{marg}')/3);
}

还有其他CSS或LESS解决方案我可以试试吗？

Answer 1

找到了答案。跳过整个计算函数是一个似乎有效的选项：

width: ~"calc(((100% - 40px)/3))";