1

なので、固定幅でデザインしています。ガターを柔軟にしたいだけです。そこで、幅100%の親divを使用してみました。このフィドルでわかるように:

http://jsfiddle.net/P3Ckk/115/

私が意図したのは、固定 div (「nav」div) で何が起こっているかということです。ユーザー ウィンドウが小さすぎる場合、固定幅の要素 (この場合は 1000px) で幅 100% を縮小し、水平スクロールを有効にします。

ただし、私の親 width:100% は、相対的な配置ではそのようには機能しません。「トップ」「タイトル」および「コンテナー」の div はすべて、画面が停止する場所で停止します。これは 100% だと思いますが、固定幅のコンテンツがこれらの (現在の) 小さい親 div からオーバーフローしたままになります!

さらに、垂直スクロールバーが下がったときにも問題が発生します。垂直スクロールバーまでの領域は 100% と見なされ、残りは空白のままになります。これにより、この「余分な」部分を表示するための水平スクロールバーも作成されます。

ここでの最善の解決策は何ですか? 親 div 100% 幅のアプローチを放棄する必要がありますか?

これらの 100% div を min-width:1000px にしようとしましたが、うまくいかないようです。私はここで少し困惑しています。

どんな助けでも感謝します。ありがとう!

4

1 に答える 1

0

私はこれについて前に読んだことがあります。div幅で100%を使用する前に、bodyタグとhtmlタグの両方のcssを100%に設定する必要があります。

 html,body{
 width: 100%;
 }

そうしないと、どのデバイスでも画面の端で停止します。

于 2012-06-05T21:48:14.567 に答える