1

水平スクロール ギャラリーを作成しようとしていますが、div で幅を定義したくありません。他の誰かが html に触れています。css に触れたり、幅を再定義したりせずに、できるだけ多くの li をドロップできるようにしてほしいです。

モック サイトはここにあります: rachelbeen.com/Carmen。

Safari はコンテンツの終了位置を認識して水平スクロールを停止しますが、firefox は width:6600px で定義された余分なスペースを維持します。#galleryul. どうすればそれが起こらないようにできますか?

可能であればプラグインを避け、CSS のみを使用したいと考えています。

ありがとう、

-レイチェル

4

1 に答える 1

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 を追加すると、特定の幅を与えずにボックスのスペースが増えます。お役に立てば幸いです。

于 2012-11-03T21:12:36.053 に答える