css样式中设置height: calc(100vh-50px)不生效

在CSS中，100vh?表示视口（viewport）的高度。视口是指浏览器窗口中可见内容的区域，即用户能够看到的网页部分。

100vh?表示视口高度的百分比，具体数值取决于当前浏览器窗口的高度。例如，如果浏览器窗口的高度为800像素，那么?100vh?将等于800像素。

需要注意的是，100vh?不包括浏览器的工具栏、地址栏或其他浏览器界面的高度。它仅表示可见内容的高度。

?类的高度设置为?calc(100vh-50px)，这意味着?元素的高度将是视口高度减去50像素。但是，由于您在?calc()?函数中没有添加空格，可能导致计算错误。您可以尝试将代码修改为?calc(100vh - 50px)，确保在减法运算符前后添加空格。这样可以确保正确计算?.home?元素的高度，并使?overflow-y: scroll;?生效。