更少的CSS数学被视为百分比而不是像素

Question

我正在尝试在LESS CSS中使用一些数学运算，以便可以轻松调整网格中的列宽。我为列宽设置了一个变量，然后需要将该宽度乘以获取这些列将占用的像素数。然后我在列旁边有一个垫片，该垫片占据了其余的宽度（100％-列的宽度）。

当将列宽和列数相乘时，LESS似乎可以正确地进行数学运算，但是它会将结果视为百分比而不是像素值。这是我的代码：

@column_width: 40px;
.spacer{
     width: calc(100% - (@column_width * 3) );
}

编译后我的css文件中的结果是

width: -20%;

但是我希望看到的是

width: calc(100% - 120px);