Wierd clear bar

Question

Also bei der Entwicklung meiner Website lief ich auf ein kleines Problem. Dies ist, was sich zeigt, nachdem ich einen anderen Abschnitt gemacht habe.

Meine CSS: Pastebin Link

HTML: Pastebin Link

Answer 1

Es scheint, wie Ihr Problem aus dem lästigen <h1> Element kommt. Standardmäßig haben sie einen Rand, so dass die weiße Linie, die Sie sehen, der Rand <h1> ist. Keine Sorge, Sie können es entfernen, indem Sie seinen Rand in Ihrem CSS auf 0 setzen.

Ich verwende gerne die *, um Stile, die ich will, standardmäßig zu deklarieren.

Hier ist ein Beispiel.

* { 
    padding: 0; 
    margin: 0; 
} 

So hat alles keine Polsterung oder Marge!

Hoffnungen das hilft.

Answer 2

@TinoCaer schlug mich dazu.

h1 { 
    margin: 0; 
} 

aber Sie können weiterhin Padding verwenden, um Ihre h1 zu stylen.

h1 { 
    padding: 1em; 
}