css - 为什么使用calc()的LessCSS忽略计算中的第二维？

This question already has answers here:

Disable LESS-CSS Overwriting calc() [duplicate]

（5个答案）


4年前关闭。





我正在尝试使用设置自动完成下拉列表的尺寸

 .ui-autocomplete.ui-menu {
    width: 16.666667% !important;
    width: -moz-calc(100%/6 - 24px) !important;
    width: -webkit-calc(100%/6 - 24px) !important;
    width: -o-calc(100%/6 - 24px) !important;
    width: calc(100%/6 - 24px) !important;
}

这写得更少。编译后的输出未达到预期的16.667％-24px，而是忽略了px尺寸并输出了-7.333px。我的计算错了吗？尝试了括号等的任意组合

最佳答案

使用以下语法转义Less渲染：

calc(100%/6 ~"- 24px") !important

然后将其输出为：

calc(16.66666667% - 24px) !important

http://lesscss.org/functions/#string-functions-e