横向滚动网站答案

【问题标题】：horizontal scrolling website横向滚动网站
【发布时间】：2011-01-24 21:10:57
【问题描述】：

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

有什么想法吗？

【问题讨论】：

标签： html css

【解决方案1】：

首先，拥有一个需要左右滚动的网站通常是不可取的。这是一个不寻常的动作（用户很少遇到）并且用户往往不喜欢这样做。

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

【讨论】：

我不相信不管它会导致它使用浮动右元素自动扩展，因为这会导致元素在浏览器窗口的宽度处中断。我说错了吗？
我最终使用了一个 JQuery Columnizer 插件。我知道这是不可取的，但不幸的是，有时我们不得不做一些违背自己意愿的事情。

【解决方案2】：

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

【讨论】：

【解决方案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。

【讨论】：