CSS3 overflow-y 上下溢出
CSS3 overflow-y 内容溢出是否上/下边缘裁剪
语法：
overflow-y : visible | auto | hidden | scroll
参数：
- visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的高度。并且clip属性设置将失效
- auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
- hidden : 不显示超过对象高度的内容
- scroll : 总是显示纵向滚动条
说明：
检索或设置当对象的内容超过其指定高度时如何管理内容。
参阅overflow属性。
对应的脚本特性为 overflowY 。
示例：
- body { overflow-y: hidden; }
- div { overflow-y: scroll; height: 100px; width: 100px; }
扩展阅读：
浏览器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有主流浏览器都支持 overflow-y 属性。
注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
定义和用法
overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。
提示：使用 overflow-x 属性来确定对左/右边缘的裁剪。
| 默认值： | visible |
|---|---|
| 继承性： | no |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.overflowY="scroll" |
语法
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
| 值 | 描述 |
|---|---|
| visible | 不裁剪内容，可能会显示在内容框之外。 |
| hidden | 裁剪内容 - 不提供滚动机制。 |
| scroll | 裁剪内容 - 提供滚动机制。 |
| auto | 如果溢出框，则应该提供滚动机制。 |
| no-display | 如果内容不适合内容框，则删除整个框。 |
| no-content | 如果内容不适合内容框，则隐藏整个内容。 |
正文到此结束
热门推荐
相关文章
近期评论
-
5分钟 注册下载 登录 提一个问题，就可以找博主领取5块红包了，很简单
-
-
-
来看看，最近更新了一波，顺着友联过来的，几年过去了，网站越搞越好，厉害
-
哥太牛了
-
是呀，看您的IP显示在美国，还以为您移民了
-
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
