Der Rand des H1 -Tags in HTML drückte seinen Container nach unten ⇐ HTML

[Anonymous]

Schauen Sie sich einfach das Bild unten an. Ich weiß nicht, warum der Header (blauer Block) ein bisschen untergegangen ist. Ich meine, der blaue Block sollte das Ende des Inhaltsbereichs des Browsers genau berühren. Einige Leute sagten mir, das liegt an der Rand von H1. Aber ich denke, dass dieser Rand nur dazu führen kann, dass H1 ein wenig in den blauen Block sinkt, anstatt den gesamten blauen Block sinken zu lassen. Wer kann mir helfen? Vielen Dank!

Code: Select all

just for test

body,html {
margin: 0;
}

header {
background-color: blue;
height: 200px;
width: 1200px;
margin: 0 auto;
text-align: center;
padding: 0;
}

h1 {
color: white;

}





Why does it have to be like this?