Mój nagłówek nie pasuje poprawnie na górze strony internetowej?

Question

Jestem początkujący i staram się dopasować mój nagłówek na górze, ale to nie pasuje. Oto zrzut ekranu:

tutaj jest mój kod źródłowy:

<header style="height: 50px;background-color: rgb(26, 26, 26);"> 
    <div class="container"></div> 
</header> 

Czy możesz dać mi znać, co się dzieje tutaj? Pomoc byłaby doceniona.

Answer 1

Musisz dodać następujący styl do swojego css. Istnieją domyślne style przeglądarki, które muszą zostać zmienione, aby spełnić wymagania.

html, body { 
    margin : 0; 
    padding : 0; 
} 

Answer 2

Wszystkie przeglądarki mają wbudowany domyślny wbudowany CSS, dzięki czemu strona wygląda nieprawidłowo. Trzeba dodać reset.css http://cssreset.com/

albo dodać kod CSS, aby wyłączyć domyślne zachowanie przeglądarki, na przykład:

/* CSS reset */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0; 
    padding:0; 
} 
html,body { 
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
}