ヘッダーを画面幅に応じて横幅いっぱいにしたいのですが、うまくいきません。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
ヘッダーを画面幅に応じて横幅いっぱいにしたいのですが、うまくいきません。

該当のソースコード

header {
  background-color: #FAF0E6;
  color: black;
  display: block;
  width: 100%;
  margin: auto; 
  padding: auto;
}

試したこと

色々調べたところ、
margin:0 -200%;
padding:0 200%;
にすると、合わせることができるとあり試しましたが
上手くいきませんでした。

また、検証で確認をすると、右横幅がmarginよりはみ出している
現象も起こってしまっております。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

* {
  margin: 0;
  padding: 0;
}

を入れてみたらどうですか？