关于CSS滚动条样式（overflow）是什么，小小编为你解答

正如在“CSS盒模型”一节中所学，页面中的每个元素都可以被视为矩形盒，可以使用CSS控制盒的大小和位置等信息。 默认情况下，如果元素中的内容超过框的大小，例如，元素中的内容不足以容纳在由元素内容区域的宽度和高度组成的矩形区域中，则部分内容将溢出框。

1. overflow

为了能更好的处理溢出的内容，CSS 中提供了一个名为 overflow 的属性，该属性可以设置如何处理溢出元素内容区的内容，属性的可选值如下表所示：

【示例】使用 overflow 属性设置如何处理元素内容区溢出的内容：

运行结果如下图所示：

图：overflow 属性演示

2. overflow-x、overflow-y

在 CSS3 中还提供了 overflow-x 和 overflow-y 两个属性，它们的作用与 overflow 属性相似，属性的可选值与 overflow 属性相同，其中：

• overflow-x：设置当元素内容区的内容在水平方向上溢出元素时如何处理溢出的内容；
• overflow-y​：设置当元素内容区的内容在垂直方向上溢出元素时如何处理溢出的内容。

提示：当单独设置 overflow-x 或 overflow-y 其中的一个属性为非 visible 时，另外一个属性将自动设置为 auto。另外，因为 CSS3 还没有最终定稿，所以这两个属性的作用可能会变更或调整。