Style overflow 属性

定义和用法

overflow 属性设置或返回如何处理呈现在元素框之外的内容。

提示:如果要隐藏整个文档的滚动条,请使用 body 或 html 元素的 overflow 属性。

另请参阅:

CSS 教程:CSS 溢出

CSS 教程:CSS 定位

CSS 参考手册:overflow 属性

实例

例子 1

使用 overflow 属性滚动溢出的内容:

document.getElementById("myDIV").style.overflow = "scroll";

亲自试一试

例子 2

使用 overflow 属性隐藏溢出的内容:

document.getElementById("myDiv").style.overflow = "hidden";

亲自试一试

例子 3

返回 overflow 属性:

alert(document.getElementById("myDiv").style.overflow);

亲自试一试

语法

返回 overflow 属性:

object.style.overflow

设置 overflow 属性:

object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

属性值

描述
visible 内容不会被剪裁,可能会呈现在元素框之外。默认。
hidden 不显示元素框外的内容。
scroll 添加滚动条,必要时剪裁内容。
auto 必要时剪切内容并添加滚动条。
initial 将此属性设置为其默认值。请参阅 initial
inherit 从其父元素继承此属性。请参阅 inherit

技术细节

默认值: visible
返回值: 字符串,表示在元素框外渲染的内容。
CSS 版本: CSS2

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持