body についている margin を消した状態で、
header に背景色をつけるのではなく outline をつけてみました。
上下左右に枠線が表示されると思ったのですが、上と左右の枠線が表示されませんでした。
何故なのでしょうか？

outline は border と違い要素の大きさを変えずに、要素を枠線で囲めるという認識なのですが違うのでしょうか？