2017-06-16 120 views
-1
height: calc(100% + 60px); 

上面的代码将失败,任何线索如何添加额外的60px到100%的高度使用LESS?LESS plus百分比像素

+0

这是有效的CSS'calc',必须有其他的东西导致它失败。 – Vivick

+1

它如何失败?错误,计算错误,样式不适用? – Justinas

回答

1

LESS和CSS有一个calc功能。如果你想使用CSS calc函数而不是LESS,那么你需要逃避你的等式。像这样:

height: calc(~"100% + 60px"); 

您仍然可以使更少的变量,这个calc通话。不过你需要用括号封装你的变量。像这样:

@padding-variable: 60px; 

height: calc(~"100% + @{padding-variable}");