css除了overflow-y scroll滚动还有什么可以滚动的

除了 `overflow-y: scroll`，CSS 还提供了以下属性可以滚动：

1. `overflow-x: scroll`：允许在水平方向上滚动内容。
2. `overflow: auto`：自动决定是否需要滚动条，如果需要则显示。
3. `overflow-x: auto`：自动决定是否需要水平方向的滚动条，如果需要则显示。
4. `overflow-y: auto`：自动决定是否需要垂直方向的滚动条，如果需要则显示。
5. `overflow: hidden`：隐藏任何溢出的内容，不能滚动。

这些属性可以用于任何具有固定高度和宽度的元素，如 `<div>` 或 `<iframe>`。

相关问题

css overflow-y: scroll 总有一部分超出

如果使用 `overflow-y: scroll`，在内容超出容器高度时，会出现滚动条以便用户滚动查看超出的部分。如果您遇到滚动条总是出现，即使内容没有超出容器的情况，那么可能是因为您的容器的实际高度没有被正确设置。您可以使用 `height` 属性来确保容器的高度正确设置，然后再使用 `overflow-y: scroll` 来启用滚动条。

另外，如果您想让滚动条始终显示，而不是仅在内容超出容器时才显示，可以使用 `overflow-y: scroll!important;` 和 `::-webkit-scrollbar { display: block; }`：

.container {
  height: 200px;
  overflow-y: scroll!important;
}

.container::-webkit-scrollbar {
  display: block;
}

这样设置后，无论内容是否超出容器，滚动条都将始终显示。

overflow-y: scroll;横向滚动

这个 CSS 样式规则是用来设置一个元素的垂直溢出（也就是内容超出了元素的高度）时如何处理的。`overflow-y: scroll;` 的意思是，当元素的内容高度超出了元素的高度时，显示一个垂直滚动条来让用户滚动查看内容。如果内容没有超出元素的高度，则不显示滚动条。需要注意的是，这个样式规则只会影响垂直滚动条，而不是水平滚动条。如果需要同时控制水平和垂直滚动条，可以使用 `overflow: scroll;`。