overflow-y

语法:

overflow-yvisible | hidden | scroll | auto | clip

默认值visible

适用于:块容器,伸缩盒容器,grid容器

继承性:无

动画性:否

计算值:指定值

媒体:视觉

取值:

visible:
对垂直方向上的溢出内容不做处理,内容可能会超出容器。
hidden:
隐藏垂直方向上的溢出容器的内容且不出现滚动条。
scroll:
隐藏垂直方向上的溢出容器的内容,溢出的内容可以通过滚动呈现。
auto:
当垂直方向上的内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。textarea元素的overflow默认值就是auto
clip:
hidden一样,clip也被用来隐藏溢出容器的内容且不出现滚动条。不同的地方在于,clip是一个完全禁止滚动的容器,而hidden仍然可以通过编程机制让内容可以滚动。

说明:

定义了元素处理纵向溢出内容的方式。参阅overflowoverflow-x属性
  • 对应的脚本特性为overflowY

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
clip 16.0 58.0 64.0 11.0 50.0 11.0 62.0 64.0

示例: