网站首页 > PHP源码 > 文件数据 > CSS / LESS:Calc()使用百分比减去没有正确评估的像素

CSS / LESS:Calc()使用百分比减去没有正确评估的像素

  • 作者:互联网
  • 时间:2026-01-19 16:55:02
参见英文答案 > Less aggressive compilation with CSS3 calc4个 这个问题之前曾被问过几次,但我发现的答案似乎都不适合我的情况.我有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解决方案吗?

找到了答案.转义整个calc函数是一个似乎有效的选项:

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