Css3 calc减去vh与像素[重复]

【问题标题】：Css3 calc minus vh with pixel [duplicate]Css3 calc减去vh与像素[重复]
【发布时间】：2017-07-21 18:40:21
【问题描述】：

.wrap {
    height: calc(100vh - 50px);
}

这行不通。我得到了50vh的输出。有什么地方可以用 vh 减去像素吗？

【问题讨论】：

标签： css sass less

【解决方案1】：

减：

.wrap {
    height: calc(~"100vh - 50px");
}

Sass 或纯 CSS：

.wrap {
    height: calc(100vh - 50px);
}

【讨论】：

尽管我的评论已经存在，但发布重复答案有什么意义？我知道你已经包含了一个 Sass 版本，但 OP 指出了一个 error ，只有当你用 Less 编写它时才会发生这种情况。此外，您的 Sass/纯 CSS 版本已经存在于问题本身中。
这实际上对我很有帮助，我很高兴他发布了它。
感谢您将其发布为答案。评论是讨论，可能不会一直有帮助。 @Harry，这是在帮助社区，你的评论不是！
> calc 需要在 + 和 - 运算符的左右有空格。