antetul superior acoperă întreaga lățime a site-ului

Doar construiesc un site web și vreau să fac ceva pe care nu l-am întâlnit încă. Atunci când partea de sus a site-ului nu are nicio marjă, dar conținutul principal nu are, la fel ca în partea de sus a acest site .

Poate cineva să mă îndrepte în direcția cea bună?

în prezent l-am dat:

<div id="header">

Header

</div>

Doar puțin blocat.

0
Vreau să prelungesc prin nav bar tot drumul - aici este live: thisdigicore.com/bds
adăugat autor Liam Coates, sursa
#header {width = 100%; } #body {lățime = 90%; }?
adăugat autor Jared, sursa
Nu sunteți sigur ce vrei să spui ... vrei să spui fundalul care acoperă întreaga lățime pe antet și lățimea fixă ​​pe conținutul principal?
adăugat autor Simon, sursa

2 răspunsuri

Elementul corporal și/sau html va avea în mod implicit margine și/sau umplutură (valorile exacte depind de browser).

Dacă le eliminați, atunci div (dacă nu aplicați CSS care restricționează lățimea) care este copil al corpului va umple apoi lățimea ferestrei.

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

Apoi puteți seta o marjă pentru conținutul principal.

#main_content {
    margin: 5px 10%;
}
0
adăugat

Dacă înțeleg corect întrebarea dvs., aceasta este ceea ce trebuie să faceți în CSS:

body {
  margin:0px;
  padding: 0px;
}

Asta e tot.

0
adăugat