我有一个具有以下calc
规则的元素:CSS计算器奇怪的错误
width: calc(100% - 75px);
然而,在DevTools检查时,该元素具有以下规则来代替:
width: calc(25%);
这是怎么回事?
我正在运行Chrome和LESS 1.4.2(编译在浏览器中完成)。
我有一个具有以下calc
规则的元素:CSS计算器奇怪的错误
width: calc(100% - 75px);
然而,在DevTools检查时,该元素具有以下规则来代替:
width: calc(25%);
这是怎么回事?
我正在运行Chrome和LESS 1.4.2(编译在浏览器中完成)。
LESS将评估100% - 75px
为100 - 75
,其单位为%
,这就解释了为什么您在编译输出中获得25%
值。
如果你需要传递价值,而不需要解释,你需要使用:
width: ~"calc(100% - 75px)";
尝试逃离值:
width: ~"calc(100% - 75px)";
你已经将它设置为100%-75px。你确定标识符的宽度不是100px吗?
.thing {
width: calc(100% - 75px);
}
即100px-75px给出25px?
LESS会在编译时尝试将其计算为百分比。 –
您可以发布您完整的代码?你确定你没有放 - 75%? – 2ne