LESS 加像素与百分比 [重复]

【问题标题】：LESS plus pixel with percentage [duplicate]LESS 加像素与百分比 [重复]
【发布时间】：2017-09-25 14:04:59
【问题描述】：

height: calc(100% + 60px);

以上代码将失败，任何线索如何使用 LESS 将额外的 60px 添加到 100% 的高度？

【问题讨论】：

标签： css sass less

【解决方案1】：

LESS 和 CSS 有一个 calc 函数。如果你想使用 CSS calc 函数而不是 LESS，那么你需要转义你的方程。像这样：

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

您仍然可以将 LESS 变量传递到此 calc 调用中。你需要用括号封装你的变量。像这样：

@padding-variable: 60px;

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

【讨论】：

【解决方案2】：

百分比中的高度并非每次都能正常工作。如果您的父母有固定高度（在 px、pt、view port 单位中），它会正常工作。

高度最好使用视口。如果您不知道，请阅读以下文章。

【讨论】：