html - トップヘッダーはサイトの幅全体にまたがる

Question

ウェブサイトを構築するだけで、まだ出会っていないことをしたい. 当サイトのトップと同様に、サイトのトップに余白がなく、本文に余白がある場合。

誰かが私を正しい方向に向けることができますか?

現在、私はそれを与えました：

<div id="header"><h1>Header</h1></div>

ちょっと立ち往生。

Answer 1

body および/または html 要素には、デフォルトでマージンおよび/またはパディングがあります (正確な値はブラウザによって異なります)。

それらを削除すると、body の子である div (幅を制限する CSS を適用しない場合) がウィンドウの幅を埋めます。

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

次に、メイン コンテンツに余白を設定できます。

#main_content {
    margin: 5px 10%;
}

Answer 2

私があなたの質問を正しく理解していれば、CSS で行う必要があるのは次のとおりです。

body {
  margin:0px;
  padding: 0px;
}

それで全部です。