overflow-y简介
overflow-y属性在CSS布局中是比较常用的,本文将带你深入理解overflow-y属性的各个方面,包括它的语法、取值、作用和浏览器兼容性,最后附上overflow-y的实例,希望能够对你有所帮助。
overflow-y定义和用法
overflow-y:<overflow-style>
<overflow-style> = visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments
默认值:visible
适用于:块容器,弹性盒容器,grid容器
继承性:无
动画性:否
计算值:指定值
overflow-y属性值
- visible:
- 对溢出内容不做处理,内容可能会超出容器。
- hidden:
- 隐藏溢出容器的内容且不出现滚动条。
- scroll:
- 隐藏溢出容器的内容,溢出的内容将以卷动滚动条的方式呈现。
- auto:
- 当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。此为body对象和textarea的默认值。
- paged-x:
- TODO...(CSS3)
- paged-y:
- TODO...(CSS3)
- paged-x-controls:
- TODO...(CSS3)
- paged-y-controls:
- TODO...(CSS3)
- fragments:
- TODO...(CSS3)
overflow-y说明
检索或设置对象处理纵向溢出内容的方式。参阅overflow、overflow-x属性
来源:http://caibaojian.com/css3/properties/layout/overflow-y.htm