創建一個水平滾動div沒有定義一個特定的寬度？

Question

我試着去創建一個水平滾動的圖片庫，但我想，以避免定義的DIV的寬度。別人在接觸HTML - 我希望她能夠在儘可能多裏地下降，而無需觸摸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，它會爲你的盒子增加更多的空間沒有給它一個特定的寬度。我希望它能幫助你。