当一个块级元素的内容在水平方向发生溢出时，overflow-x 属性规定应该截断溢出内容，或者显示滚动条，或者直接显示溢出内容。
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| 值 | 描述 |
|---|---|
| visible | 不裁剪内容，可能会显示在内容框之外。 |
| hidden | 裁剪内容 - 不提供滚动机制。 |
| scroll | 裁剪内容 - 提供滚动机制。 |
| auto | 如果溢出框，则应该提供滚动机制。 |
| no-display | 如果内容不适合内容框，则删除整个框。 |
| no-content | 如果内容不适合内容框，则隐藏整个内容。 |
HTML
<div class="stage">当内容超出设定的宽度时自动出现横向滚动条</div>
CSS
.stage{
overflow-x:auto;
width:200px;
white-space:nowrap;
}
执行结果