水平スクロールウェブサイト

Question

私は水平スクロールウェブサイトを作ろうとしています。私はdivを私ができる右に浮かせたいと思っています。しかし、私は異なるページで異なる可能性があるので、コンテナの幅を定義する必要はありません。

すべてのアイデア？

Answer 1

まず、横にスクロールする必要のあるウェブサイトを持つことはまずありません。その珍しい動き（ユーザーはそれほど遭遇しません）とユーザーはそれをやりたくない傾向があります。

実際にあなたの質問に答えるには、コンテナに固定幅を設定する以外の唯一の方法はパーセンテージ幅で、すべてのユーザーに対して同じサイズ（比例）に設定することができます。あるいは、固定幅をまったく入れたくない場合は、そのままにしておきます。コンテナは、自動的にコンテナのサイズに拡張されます。

Answer 2

jqueryなどのJavaScriptライブラリを使用して、使用している列の幅を確認し、列の幅の合計にコンテナを設定することが最良の方法です。

Answer 3

divを保持するコンテナを作成します。残ったdivのすべてをフロートしてください。

<div id="container"> 
    <div class="floater_divs"> 
    </div> 
    <div class="floater_divs"> 
    </div> 
</div> 

#container { width:100%; other stuff you want etc...} 
.floater_divs { float:left; other stuff you want etc...} 

floater divに異なるルールを設定する場合は、新しいクラスまたはIDを作成するだけです。