特定の幅を定義せずに水平スクロールdivを作成しますか？

Question

私は水平スクロールギャラリーを作成しようとしていますが、divの幅を定義しないでください。誰かがhtmlに触れている - 私は彼女がcssに触れることなく、幅を再定義することなく、できるだけ多くのliに落ちることができるようにしたい。

模擬サイトはここにあります：rachelbeen.com/Carmen。

Safariはコンテンツの終了位置を認識して水平スクロールを停止しますが、Firefoxではwidth：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をすれば、それはあなたのためのより多くのスペースを作るでしょうそれに特定の幅を与えることなく。それがあなたに役立つことを願っています