浮动元素在水平滚动容器中

Question

如何在不为容器设置固定宽度的情况下阻止这些元素与浏览器窗口包装？

<div id="container">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

<style>

#container {
  height: 300px;
}

#container > div {
  width: 300px;
  height: 300px;
  float: left;
}

</style>

Answer 1

如果您想要水平滚动，则需要指定overflow-x: auto。我会尽快发布一个例子。