html - スクロール バーが表示されたときに HTML ヘッダーとフッターが伸びない

Question

Web サイトを開発していて、解像度に関係なくコンテンツがオーバーフローしたときにスクロール バーが必要なコンテンツにレポートがあります。

ヘッダーとフッターの両方に幅 100% を使用し、背景に 1 ピクセルのストリップを繰り返します。しかし、コンテンツがオーバーフローし、ユーザーがスクロールしてヘッダーとフッター部分のデータを表示すると、伸縮しないため空白が表示されます。

スクロールの最後まで伸ばしてほしい

どうすればこの問題を解決できますか??

Answer 1

bodyをposition:relativeとに設定することで、これを解決できますfloat:left;。

これが実際の例です。

body
{
    position:relative;
    float:left;
}