css怎么计算屏幕高度 |css3大全

首先，大家需要使用CSS中的单位单位来指定屏幕高度。常见的单位包括像素（px）、百分比（%）和视口宽度（vw）/高度（vh）。在计算屏幕高度时，大家通常使用视口高度单位vh。

html, body {
height: 100%;
}
.container {
height: 100vh;
}

以上代码的作用是将html和body元素的高度设为100%，这样容器元素.container的高度就可以被设置为100vh，它将占据整个浏览器窗口的高度，而不是整个文档页面的高度。

另外，大家还可以使用CSS中的calc()函数来计算屏幕高度。calc()函数可以基于数学表达式计算，它可以用来组合不同的单位和数值。例如，大家可以这样计算一个屏幕高度的百分比：

.container {
height: calc(100% - 100px);
}

以上代码的作用是将容器元素.container的高度设为整个浏览器窗口的高度减去100像素。这样，容器元素的高度将自适应窗口高度，同时留出100像素的空间用于其他元素。

综上所述，CSS提供了很多方法来计算屏幕高度。大家可以根据自己的需求来选择不同的方法，以达到最理想的效果。