La mia intestazione non si adatta correttamente nella parte superiore della pagina Web?

Question

Sono un principiante e sto provando a sistemare la mia intestazione in cima ma non è adatta. Ecco screenshot:

Ecco il mio codice sorgente:

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

Potete per favore fatemelo sapere, cosa c'è che non va qui? L'aiuto sarebbe apprezzato

Answer 1

È necessario aggiungere il seguente stile nel proprio css. Esistono stili di browser predefiniti che devono essere sostituiti, al fine di raggiungere il requisito.

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

Answer 2

Tutti i browser sono dotati di CSS incorporato predefinito, a causa del quale la pagina non viene visualizzata correttamente. È necessario aggiungere reset.css http://cssreset.com/

oppure aggiungere il codice CSS per disabilitare il comportamento di default del browser, ad esempio:

/* 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; 
}