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
支持 支持 支持 支持 支持