html - ブラウザの上部にヘッダーを配置する方法-CSS3HTML5

Question

図形（CSSで作成）を使用して、HTMLページの上部に配置しようとしています。例については、下の画像を参照してください。灰色の長方形をHTMLページの上部に配置し、上部、右側、または左側にギャップがないようにします。私はCSSとHTMLにひどく慣れていないので、これが些細な質問であるなら申し訳ありません。私はCSS3とHTML5のみを使用していますが、後で少しJavaScriptを使用するかもしれません。

私が欲しいもの...（灰色の長方形の上にギャップがないことに注意してください）

私が今持っているもの...（灰色の長方形の上の白いギャップに注意してください）

これが私のCSSコードです：

#header {
margin: auto;
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
}

Answer 1

ボディからパディングとマージンを削除してみてください。

body { margin: 0; padding: 0; }

Answer 2

コードの残りの部分がわからない場合、これは大したことではありませんが、これを試してください。

body {margin:0; padding:0}

#header {
margin:0 auto;
width: 1050; 
height: 120px; 
background: rgb(45,45,45); 
}