CSS 3 overflow-y 属性

CSS 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 如果内容不适合内容框,则隐藏整个内容

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号

4.0 9.0
8.0 -ms-
3.5 3.0 9.5

范例

如果它溢出了元素的内容区-剪辑 div 元素的顶部/底部边缘内容

div {
    overflow-y:hidden;
}

运行范例 »

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.