CSS 横向滚动条设置方法：overflow-x 属性详解

要在 CSS 中设置横向滚动条，可以使用 'overflow-x' 属性来控制元素的内容溢出时是否显示横向滚动条。

以下是一些常用的方法：

1. 使用 'overflow-x: auto' 属性，当内容溢出时自动显示横向滚动条，并且只在内容溢出时显示滚动条。示例代码如下：

.container {
  overflow-x: auto;
}

2. 使用 'overflow-x: scroll' 属性，无论内容是否溢出，始终显示横向滚动条。示例代码如下：

.container {
  overflow-x: scroll;
}

3. 使用 'overflow: auto' 属性，同时控制横向和纵向滚动条的显示。示例代码如下：

.container {
  overflow: auto;
}

需要注意的是，以上方法需要结合适当的容器宽度和内容宽度才能正常工作。