1

HTML 5 Boilerplate に基づいてサイトを開始しました。基本的にすべて白のサイトで、フッターの背景を灰色にしたいと考えています。問題は、私の灰色のフッターの下に白い帯を残して、フッターの下に余白があることです (そして、それはパディングや白い境界線ではない余白であることは間違いありません)。

ここに投稿するためにすべてを切り詰め、CSS をインラインに移動し、見やすくするために色を変更しました。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body style="background:#C0C0C0;">
    <img src="1by1.gif" width="700" height="1000" border="0" alt="">
        <div style="border-top: 1px solid #666366;background:#FFFF33;">
            <footer style=" max-width: 1200px; margin: 0 auto;">
                footer
            </footer>
       </div>
    </body>
</html>

そしてここでオンラインです

ありがとう、ケビン

4

5 に答える 5

2

あなたの体にはマージンがあります：

html, body {
    margin: 0;
    padding: 0;
}

問題を解決する必要があります

于 2013-09-11T15:49:54.663 に答える
2

以下を使用できます。

body {
    margin:0;
}

または (より良い) ページにnormalize.cssを含めます。

于 2013-09-11T15:50:08.677 に答える
1

1つ追加するだけで解決策が得られます
- add margin:0 to body
body { margin:0; }

于 2013-09-11T15:57:30.670 に答える
0

同様の問題がありました。これを試してみてください: フッター内に<p>段落を置きます。次に、適切なマージンを設定する「フッター p」の CSS ルールを作成します。

于 2016-01-25T21:49:17.460 に答える