CSS overflow 属性
定义
overflow 属性设置当元素的内容溢出其区域时发生的事情。
继承性：No
说明
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法：
object.style.overflow="hidden"
在我们的 HTML DOM 教程中，您可以找到更多有关 overflow 属性 的细节。
在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。
例子
p
{
overflow: scroll
}
可能的值
| 值 | 描述 |
|---|---|
| visible | 默认。内容不会被修剪，会呈现在元素之外。 |
| hidden | 内容会被修剪，但是浏览器不会显示供查看内容的滚动条。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
TIY 实例
- 如何使用滚动条来显示元素内溢出的内容
- 本例演示当元素内容太大而超出规定区域时，如何设置溢出属性来规定相应的动作。
- 如何隐藏溢出元素中溢出的内容
- 本例演示在元素中的内容太大以至于无法适应指定的区域时，如何设置 overflow 属性来隐藏其内容。
- 如何设置浏览器来自动地处理溢出
- 本例演示如何设置浏览器来自动地处理溢出。