css设置横向滚动条

以下是使用CSS设置横向滚动条的方法：

1. 首先，需要将包含内容的元素设置为具有固定宽度和超出隐藏的属性。例如，下面的代码将创建一个宽度为300px的div元素，并将其内容隐藏：

div {
  width: 300px;
  overflow-x: hidden;
}

2. 接下来，需要为该元素添加一个内部容器，该容器将包含实际内容并允许滚动。例如，下面的代码将创建一个内部容器，并将其宽度设置为内容的总宽度：

div > div {
  width: 1000px;
}

3. 最后，需要为内部容器启用横向滚动条。可以使用CSS的overflow-x属性来实现这一点。例如，下面的代码将为内部容器启用横向滚动条：

div > div {
  width: 1000px;
  overflow-x: scroll;
}

这样，当内容超出外部div元素的宽度时，用户就可以使用横向滚动条来查看内容。