html - マージンの影響について

Question

マージンが他のオブジェクトにどのように影響するかについて考えていました。

なぜなら、私が例えば持っているとき

html, body{
    height: 100%;
    width: 100%;
}
div{
    margin-top: 200px;
}

内部にはdivがあり、margin-topそれを<body>押し下げているため、マージンは最初のコンテナであるタグでは<html>なく影響を受けます。<body>

問題は、マージンがどのように依存するかです

CSSチュートリアルをいくつか読んだことがありますが、具体的な答えが見つかりませんでした

score 1 · Accepted Answer

ほとんどのブラウザは、デフォルトで要素にマージンを追加します<body>。スタイリングで行っていないことの 1 つは、これを 0 にリセットすることです。

html, body{
    height: 100%;
    width: 100%;
    margin: 0;
}

なぜこれが起こるのかは、ここで何度も尋ねられてきた質問です. 参照: CSS がマージンを折りたたむポイントは何ですか? この CSS margin-top スタイルが機能しないのはなぜですか? .

1 に答える 1