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