水平滚动?

这应该有效:

<div class="container">
  <div class="scroller">
    <div class="content">Content</div>
    <div class="content">Content</div>
    <div class="content">Content</div>
    <div class="content">Content</div>
    <div class="content">Content</div>
  </div>
</div>

<style>
.container {
  width:200px;
  overflow:scroll;
}
.scroller {
  width:1000px;
}
.content {
  width:200px;
  float:left;
}
</style>

实际上,您不需要在CSS中设置宽度。设置宽度是不好的,因为它不会让您放大,这意味着每次创建新元素时都必须更改宽度。相反,你应该给 .container 甲类 white-space: nowrap 统治和生儿育女 display 设置为 inline-block . 例如。

.container {
    white-space: nowrap;
}

.container > div {
    display: inline-block;
}

现在,您将不再需要设置宽度来获得这个水平滚动功能。