横向滚动网站

Question

我正在尝试创建一个水平滚动网站，我希望div可以向右浮动，我可以做到。但我不想定义容器的宽度，因为它可能在不同的页面上有所不同。

任何想法？

Answer 1

首先，它通常不建议有一个需要左右滚动的网站。这是一个不同寻常的运动（用户不会非常喜欢它），用户往往不喜欢这样做。

要真正回答您的问题，除了在容器上设置固定宽度之外，唯一的方法是百分比宽度，这样您就可以将其设置为每个用户的相同大小（按比例）。或者，如果您根本不想放置固定宽度，请留下它。容器将自动扩展到您填充它的任何大小。

Answer 2

您最好的选择可能是使用javascript库（例如jquery）来检查您拥有的列的宽度，并将容器设置为列宽度的总和。

Answer 3

制作一个容纳div的容器。在我看来，你应该将剩下​​的所有div都浮动。

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

#container { width:100%; other stuff you want etc...}
.floater_divs { float:left; other stuff you want etc...}

如果您希望浮动div具有不同的规则，那么只需创建新类或id。