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

Question

我试图创建一个水平滚动的图库，但我想避免在div上定义宽度。其他人正在触摸HTML - 我希望她能够尽可能多地使用li而不必触摸css并重新定义宽度。

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

Safari识别内容结束的位置并停止水平滚动 - 但是firefox保留了宽度定义的额外空间：6600px;在#gallery ul。如何阻止这种情况发生？

如果可能，请尽量避免插件，只使用CSS。

谢谢，

-Rachel

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，它会为你的盒子腾出更多空间，而不会给它一个特定的宽度。我希望它可以帮助你。