なので、固定幅でデザインしています。ガターを柔軟にしたいだけです。そこで、幅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 にしようとしましたが、うまくいかないようです。私はここで少し困惑しています。
どんな助けでも感謝します。ありがとう!