3

周囲にマージンのない div を作成しようとしています (ページ全体のヘッダー用)。私はこれを試しました：

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <style>
        .test {
            height: 100px;
            margin: 0;
            background-color: #000000;
        }
        </style>
    </head>
    <body>
        <div class="test">&nbsp;</div>
    </body>
</html>

しかし、div にはまだ余白があります。私は何を間違っていますか？ご協力いただきありがとうございます！

4

2 に答える 2

12

それが 前後のデフォルトのマージンbodyです。ブラウザーは、特定の要素の特定の CSS プロパティに対して特定の既定値を定義します。これはその 1 つです。残念ながら、ブラウザによってデフォルト値が異なる場合があります。

いわゆるReset CSSを使用するか、デフォルトのマージンを削除する必要があります。

body { margin: 0; }

jsFiddle デモ

于 2012-11-23T09:29:41.397 に答える
0

ボディにも余裕があります。したがって、本文の余白を 0 に設定しない限り、そのページの余白は完全に 0 に設定されません。

于 2012-11-23T09:31:27.890 に答える