0

我想有一个 div 里面有其他 div；这个 div，达到了页面的最大宽度，应该显示一个滚动条。我已经通过内联元素实现了类似的功能（例如<img>or <span>，但现在我不确定如何使用块元素获得相同的效果。

使用我以前做的内联元素：

<div class="slider">
  <img src="image.png" />
  <img src="image.png" />
  <img src="image.png" />
  <img src="image.png" />
  <img src="image.png" />
</div>

CSS：

.slider{
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

如果我对块元素做同样的事情，像这样：

<div class="slider">
  <div class="content"></div>
  <div class="content"></div>
</div>

内容不会滑动，而是创建一个新行并在页面中垂直继续。有什么建议么？

CSS：

.content{
  float: left;
  width: 250px;
  height: 250px;
}

编辑：结构更像：

<div class="slider">
  <div class="content">
     <div class="content2"></div>
  </div>
  <div class="content">
     <div class="content2"></div>
  </div>
</div>

我省略了它，因为我认为它不重要，但可能我错了。

4

1 回答 1

1

只需将样式添加display:inline-block;到子（内部）div 元素。

.slider>div{display:inline-block;}
于 2013-06-11T13:35:47.457 回答