2014-03-05 56 views
2

我有一个具有以下calc规则的元素:CSS计算器奇怪的错误

width: calc(100% - 75px); 

然而,在DevTools检查时,该元素具有以下规则来代替:

width: calc(25%); 

这是怎么回事?

我正在运行Chrome和LESS 1.4.2(编译在浏览器中完成)。

+0

您可以发布您完整的代码?你确定你没有放 - 75%? – 2ne

回答

3

LESS将评估100% - 75px100 - 75,其单位为%,这就解释了为什么您在编译输出中获得25%值。

如果你需要传递价值,而不需要解释,你需要使用:

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

尝试逃离值:

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

你已经将它设置为100%-75px。你确定标识符的宽度不是100px吗?

.thing { 
    width: calc(100% - 75px); 
} 

即100px-75px给出25px?

+0

LESS会在编译时尝试将其计算为百分比。 –