2016-12-04 3 views
0

Lassen Sie mich erklären: Ich möchte eine ganze Fläche im Körper z.Wie füllt man einen ganzen Bereich im Körper?

<html> 
    <head> 
     <title>Fill an entire area</title> 
    </head> 
    <body> 
     <div id="header"> 
     This area is red. 
     </div> 
     <div id="middle"> 
     </div> 
     <div id="footer"> 
     </div> 
    </body> 
</html> 

Die Div-Tag "header" sollte rot gefärbt sein, aber wenn ich

#header { 
    position: relative; 
    background-color: red; 
} 

Der Header schreibe, wird rot sein, aber es gibt kleine weißen Räume um ihn herum.

enter image description here

Statt es, ich will es ohne weißen Räume. Gibt es eine Möglichkeit, dies in CSS ohne Bootstrap zu tun?

enter image description here

Sorry, wenn es eine ähnliche Frage. Ich wusste nicht, wie ich mein Problem erklären sollte.

+3

Sie versuchen Haben 'body {margin: 0; padding: 0}'? – Akshay

+0

Ist das Ihre gesamte HTML-Datei? In diesem Fall würde ich dringend empfehlen, eine Doctype-Deklaration zu verwenden. Es verhindert alle Arten von Ionenkompatibilität Kopfschmerzen. –

+0

haben Sie Ihr Code-Element im Browser noch untersucht? – Obink

Antwort

1

ich das denke, ist wegen Nichterfüllung margin des Körpers oder margin Ihrer #header, verwenden:

body, #header { 
    margin: 0; 
} 
1

Hinzufügen von margin:0;padding:0 zu Körper sollte das Problem, das Sie hier begegnen, lösen.

Verwandte Themen