轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

Style overflow 属性

实例

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

document.getElementById("myDIV").style.overflow = "scroll";
亲自试一试 »

定义和用法

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

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

浏览器支持

属性
overflow Yes Yes Yes Yes Yes

语法

返回 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

更多实例

实例

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

document.getElementById("myDiv").style.overflow = "hidden";
亲自试一试 »

实例

返回 overflow 属性:

alert(document.getElementById("myDiv").style.overflow);
亲自试一试 »

相关页面

CSS 教程: CSS Overflow

CSS 教程: CSS Positioning

CSS 参考手册: overflow 属性

❮ Style 对象