ページがスクロールされたときに絶対divの幅がいっぱいにならない

Question

ウィンドウの幅がコンテンツの幅より小さくなるとDIVに小さな問題があります。

基本的には、これは説明するのは本当に難しいですが、現在開いているページ（stackoverflow Webページ）はウィンドウを取り出し、下のスクロールバーが表示されるまでウィンドウの幅を縮小します。次にページの下部までスクロールします。その後、コンテンツの半分とコンテンツの半分をバックグラウンドイメージから半分ずつ見せているフッターラッパーが表示されます。

私の個人的なウェブサイトの1つでは、スタックオーバーフローのようにフッタが設定されていますが、これには方法がありますか？または、これはjavascriptで更新された幅にする必要がありますか？初心者のための

おかげで、 マイク

Answer 1

まあ、スタックオーバーフローのフッターには絶対的なポジショニングはありませんので、私はあなたの中に何もどちらかがないと仮定します。

SOのフッタには位置指定がありません。つまり、親の100％の幅に位置します。つまり、body要素です。位置決めもないため、ウィンドウの幅の100％に位置します。ただし、SO上のコンテナエレメントの幅は960ピクセルで、100％のボディとウィンドウよりも大きくてもなくてもかまいません。それが大きくなるとの外側に body要素が広がり、スクロールする必要があるときにページの右下に表示されるギャップが作成されます。それは体をより大きくすることを強いるわけではなく、ただ外に伸びるだけです。

あなたの体の最小幅が最大のコンテンツ幅に一致するようにするのが簡単な解決策です。この問題は発生しません。