css - 本文の余白が上書きされていませんか？

Question

ページの上部に固定 div がありますが、何らかの理由で、画面の上部と同じ高さにする必要があるときに、その上にギャップがあります。

HTML を調べたところ、body のマージントップが 8px になっていることがわかりました。問題を解決するために normalize.css を実装しました (これは後で役に立ちます) が、Chrome ツールで上書きされているように表示されます (margin-top:8px は取り消し線が引かれ、normalize.css margin:0; はそうではありません）しかし、デザインに変更を加えていないようですか？

ここで見つけることができます：

http://www.haselden.co.uk/james/docs/index.html

Answer 1

#navigation にこのスタイルを設定してみてください:

#navigation {
    position: fixed;
    height: 100px;
    top: 0;
    width: 100%;
    background-image: url('images/stripes_bg.png');
}

Answer 2

インh1に#wrapper #topは要素#wrapperを押し下げるマージンがあり、要素を押し下げるマージンも作成しました#navigation。top-marginからそれを削除するとh1、すべてが思い通りにスライドします。