水平滾動容器中的浮動元素

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 。 我將盡快發布一個示例。