较低的身高计算

Question

我正在使用100vh作为我的身体内容，但是我怎么能这样做才能消除导航栏的高度？

像

100vh - 50px

有可能吗？

Answer 1

您应该可以通过以下

轻松完成

calc(~"100vh - 50px");

如果您对css解决方案感到满意，这里有一个示例

calc(100vh - 50px);

JSFiddle Link

Answer 2

可以使用calc（）css函数 https://developer.mozilla.org/en-US/docs/Web/CSS/calc 不适用于所有浏览器。 vh / vw / vmin支持可能更小。

除了LESS之外你必须逃避它，以防止编译器计算它，如下所示：

height: calc(~'100vh - 50px');