# 溢出处理

URL: https://caijiao.org/css/05-box-model/05-overflow
Source: docs/css/05-box-model/05-overflow.md
Description: 溢出处理用于控制当内容超出元素尺寸时的显示方式，常用属性包括 overflow 的各种取值。

当元素内容超过其容器大小时，CSS 的溢出属性决定内容如何显示或隐藏。

## 1. overflow 属性

控制溢出内容的行为：

```css
overflow: visible; /* 默认，内容溢出显示 */
overflow: hidden; /* 超出部分隐藏 */
overflow: scroll; /* 总是显示滚动条 */
overflow: auto; /* 内容溢出时显示滚动条 */
```

## 2. overflow-x 和 overflow-y

分别控制水平方向和垂直方向的溢出：

```css
overflow-x: auto;
overflow-y: hidden;
```

## 溢出处理示例

[在线代码演示](/css/demos/10.html)