overflow-y属性是用来指定当元素溢出内容区域时，是否对内容的顶部/底部边缘进行裁剪。
CSS3 overflow-y属性
作用：overflow-y属性指定如果它溢出了元素的内容区是否剪辑顶部/底部边缘内容。
提示：使用overflow-x属性来判断左右边缘是否裁剪。
语法：
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
登录后复制
visible：不裁剪内容，可能会显示在内容框之外。
hidden： 裁剪内容 – 不提供滚动机制。
scroll：裁剪内容 – 提供滚动机制。
auto：如果溢出框，则应该提供滚动机制。
no-display：如果内容不适合内容框，则删除整个框。
no-content：如果内容不适合内容框，则隐藏整个内容。
说明：所有主流浏览器都支持 overflow-y 属性；但无法在 IE8 以及更早的浏览器正确地工作。
CSS3 overflow-y属性的使用示例
nbsp;html> div{width:110px;height:110px;border:thin solid black;overflow-x:hidden;overflow-y:hidden;}这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。
Overflow-x 是否对内容的左/右边缘进行裁剪。
Overflow-y 是否对内容的上/下边缘进行裁剪。
登录后复制
效果图：
以上就是overflow-y属性怎么用的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2888673.html
