如何使用css calc（）设置取决于窗口高度的高度

Question

这是我的css - 请参阅height属性

header{
   position:fixed;
   height:50px
}
.block{
   height: calc(100vh - (50px));
}

我在网站上收到结果

.block{
   height: calc(50vh);
}

Answer 1

首先，我不认为你需要50px附近的括号，
CSS能够在没有这些的情况下进行数学计算。

更重要的是：
calc是一项相当新的技术，仍处于试验阶段。
所以不是每个浏览器都支持它。

您可能想要使用浏览器前缀（-moz-和-webkit-） 继续你的实验。

另外，你应该看看这个页面：
https://developer.mozilla.org/en-US/docs/Web/CSS/calc