scroll - 创建水平滚动 div 而不定义特定宽度？

Question

我试图创建一个水平滚动的画廊，但我想避免在 div 上定义宽度。其他人正在触摸 html - 我希望她能够放入尽可能多的 li 而无需触摸 css 并重新定义宽度。

模拟网站在这里：rachelbeen.com/Carmen。

Safari 会识别内容的结束位置并停止水平滚动 - 但 Firefox 会保留由 width:6600px 定义的额外空间；在#gallery 上。我该如何阻止这种情况发生？

如果可能，希望避免使用插件并仅使用 CSS。

谢谢，

-雷切尔

Answer 1

我有同样的问题，我试过这个：

#full{margin:0 auto; overflow:auto; height:100%; width:1050px;}
// width is just for controlling the viewport.

#holder{float:left; margin-right:-30000px;}

.box{float:left; margin:2px;}

和HTML应该是这样的：

<div id="full">
    <div id="holder">
        <div id="box1" class="box"></div>
        <div id="box2" class="box"></div>
    </div>
</div>

根据需要添加许多 DIV，它会为您的框腾出更多空间，而无需为其指定特定宽度。我希望它对你有帮助。