CSS3 overflow-y 属性

overflow-y 属性规定了在内容溢出容器的情况下，浏览器应如何处理垂直方向的溢出内容。

取值

overflow-y 属性可以取以下值：

• visible：默认值，溢出的内容将显示在容器外部。
• hidden：溢出的内容将被隐藏，不可见。
• scroll：会显示滚动条，允许用户滚动查看溢出的内容。
• auto：只有在内容溢出时才显示滚动条。

代码示例

---------- -
  ------ ------
  ------- ------
  ----------- -------
-

在上面的示例中，.container 元素的高度为 200px，如果内容超过这个高度，垂直方向上将会显示滚动条，允许用户滚动查看溢出的内容。

注意事项

• 使用 overflow-y 属性时，如果需要同时控制水平和垂直方向的溢出内容，可以使用 overflow 属性，它可以同时控制水平和垂直方向的溢出行为。
• 当设置了 overflow-y: hidden 时，可能会导致部分内容被隐藏，用户无法查看完整内容，因此在使用时需要谨慎考虑。

以上是关于 CSS 属性 overflow-y 的详细介绍，希望对你有所帮助。