CSS overflow-y属性

  • 定义和用法

    overflow-y属性指定当它在上边缘和下边缘溢出时是否剪切内容,添加滚动条或显示块级元素的溢出内容。
    提示:使用overflow-x属性确定左部和右部边缘的剪裁。
    特征 说明
    默认值 visible
    继承 没有
    动画 没有。CSS动画参考
    CSS版本 CSS3
    JavaScript语法 object.style.overflowY="scroll"尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 IE/Edge Chrome FireFox Safari Opera
    属性名称
    overflow-y
    9.0
    8.0 -ms-
    4.0
    3.5
    3.0
    9.5
  • CSS语法

    overflow-y: visible|hidden|scroll|auto|initial|inherit;
  • 实例

    显示不同的overflow-y属性值:
    div.ex1 {
      overflow-y: scroll;
    }
    
    div.ex2 {
      overflow-y: hidden;
    }
    
    div.ex3 {
      overflow-y: auto;
    }
    
    div.ex4 {
      overflow-y: visible;
    }
    
    尝试一下
  • 属性值

    属性值 描述
    visible 内容未被剪裁,并且可以在上下边缘之外呈现。 这是默认的
    hidden 剪辑内容 - 并且不提供滚动机制
    scroll 剪辑内容并提供滚动机制
    auto 应该为溢出的盒子提供滚动机制
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS溢出
    CSS教程:CSS定位