css宽度超出显示滚动条

当一个元素的内容超出了它所在的区域时，我们可以通过设置 CSS 属性 `overflow` 来控制是否显示滚动条。其中，常用的值有：

- `overflow: auto;`：当内容超出元素的大小时，会自动显示滚动条；
- `overflow: hidden;`：当内容超出元素的大小时，会将多余的内容隐藏；
- `overflow: scroll;`：无论内容是否超出元素的大小，都会显示滚动条。

另外，如果我们想让一个元素的宽度超出显示范围，可以使用 `width` 属性和 `overflow-x` 属性配合使用。具体地，我们可以将 `width` 设置为大于容器宽度的值，并将 `overflow-x` 设置为 `scroll` 或 `auto` 来实现在超出容器宽度时自动显示横向滚动条。

下面是一个示例：

<div class="container">
  <div class="content">这是一段很长很长的文本，可能会超出容器的宽度。</div>
</div>

.container {
  width: 200px; /* 容器宽度 */
  overflow-x: auto; /* 超出容器宽度时自动显示横向滚动条 */
}

.content {
  width: 300px; /* 内容宽度大于容器宽度 */
}