JavaScript HTML DOM Style overflow 属性

  • overflow 属性

    overflow属性设置或返回如何处理在元素框外部呈现的内容。
    提示:如果要隐藏整个文档的滚动条,请使用bodyhtml元素上的overflow属性。
    使用overflow属性滚动溢出的内容:
    document.getElementById("myDIV").style.overflow = "scroll";
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    overflow
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回overflow属性:
    object.style.overflow
    设置overflow属性:
    object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
  • 属性值

    描述
    visible 内容未被剪裁,可能会显示在元素框外部。 这是默认值
    hidden 元素框外的内容未显示
    scroll 添加滚动条,并在必要时剪切内容
    auto 剪辑内容并在必要时添加滚动条
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: visible
    返回值: 一个String,表示在元素框外部呈现的内容
    CSS版本 CSS2
  • 更多例子

    使用overflow属性隐藏溢出的内容:
    document.getElementById("myDiv").style.overflow = "hidden";
    
    尝试一下
    返回overflow属性:
    alert(document.getElementById("myDiv").style.overflow);
    
    尝试一下
  • 相关页面

    CSS教程:CSS 溢出
    CSS教程:CSS 定位
    CSS参考:overflow属性