css屏幕的高度是无限的吗

CSS是网页设计中的一种重要语言，它为我们提供了丰富的样式和布局方式，但是你知道吗？CSS中的屏幕高度是无限的吗？接下来，我们来深入了解一下。

html,body {
    height: 100%;
}

.container {
    height: 100%;
}

在CSS中，我们设置元素高度通常使用百分比或像素值，其中百分比是相对于它的父元素，像素是以固定单位计算的。但是，像上面代码所示，我们一般会设置html和body元素的高度都为100%。这是为了让容器元素占据整个屏幕的高度。

不过问题来了，屏幕的高度究竟有多高？事实上，屏幕的高度是会受到硬件设备的限制的，即使你设置了一个非常大的高度值，也不能够超出设备的实际高度。因此，我们可以得出结论，CSS中的屏幕高度是有限制的，并不是无限的。

此外，屏幕的高度还可以被浏览器所限制，当我们使用浏览器自带的滚动条进行滚动时，实际上是浏览器在模拟屏幕的滚动。所以，当你的容器元素高度超过了浏览器窗口的高度时，就会出现滚动条。

总之，虽然CSS中的屏幕高度在理论上是无限制的，但在实际应用中，它的高度是受到硬件设备和浏览器窗口的限制。