Html 如何使用css calc()设置取决于窗口高度的高度

Html 如何使用css calc()设置取决于窗口高度的高度,html,css,Html,Css,这是我的css-请参阅height属性 header{ position:fixed; height:50px } .block{ height: calc(100vh - (50px)); } 我在网站上得到结果 首先,我认为您不需要50px周围的括号, CSS能够在没有这些的情况下进行计算 更切题: calc是一项相当新的技术,仍处于实验阶段 所以并不是每个浏览器都支持它 您可能希望使用浏览器前缀(-moz-和-webkit-) 继续你的实验 此外,您可能还应该看看这

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

header{
   position:fixed;
   height:50px
}
.block{
   height: calc(100vh - (50px));
}
我在网站上得到结果


首先,我认为您不需要50px周围的括号,
CSS能够在没有这些的情况下进行计算

更切题:
calc是一项相当新的技术,仍处于实验阶段
所以并不是每个浏览器都支持它

您可能希望使用浏览器前缀(-moz-和-webkit-) 继续你的实验

此外,您可能还应该看看这个页面:
https://developer.mozilla.org/en-US/docs/Web/CSS/calc

在这里工作可能会重复这也可能对您有所帮助:您确定这不仅仅是缓存的CSS吗?浏览器支持实际上非常好。不需要前缀
.block{
   height: calc(50vh);
}