Warum ist ein Leerzeichen zwischen dem Body und dem HTML-Element?

8

Warum ist zwischen dem oberen Rand der grünen Box und dem Browserfenster (in Chrome und Firefox) ein Leerzeichen?

Es gibt einen scheinbaren Abstand zwischen dem html- und body-Element, den ich mit dem unten stehenden CSS (und dutzenden Variationen davon) anscheinend nicht eliminieren kann. Es scheint auch etwas Bonuspolsterung auf der gesamten Dokumenthöhe zu geben, als ob es einige wären aspect of padding oder margin wird nicht auf 0 zurückgesetzt.

Hilfreicher Tipp : Ссылка

Ich habe dieses Problem mit dem folgenden Code gelöst:

%Vor%

beim Hinzufügen

%Vor%

zur div#airport Definition hat das Problem korrekt gelöst. : -)

%Vor%     
z t 29.10.2012, 20:23
quelle

6 Antworten

8

Weil Ihr <p>Platform</p> -Element einen Rand hat, der aus dem übergeordneten <div id="airport"> -Element herausragt und es aus dem <body> entfernt.

    
lanzz 29.10.2012, 20:27
quelle
3

Weil p tag in #airport den oberen Rand hat.

Wenn Sie den oberen Standardrand des Browsers für dieses p -Tag entfernen, erhalten Sie den Speicherplatz nicht mehr. Zum Beispiel:

%Vor%

Siehe dieses jsFiddle

    
Alex Kendrick 29.10.2012 20:31
quelle
2

Ein Offset tritt auf. Wenn Sie den #Airport auf ändern oben: -20px; es wird korrekt ausgerichtet und voila, es ist weg.

    
raddevus 29.10.2012 20:29
quelle
1

make div position: absolut Sie können es erneut zentrieren mit margin-left: - (halber Betrag div.width px)

    
Ace 29.10.2012 20:29
quelle
1

Ich ändere dein CSS:

%Vor%

Schauen Sie sich Ihren Code hier Ссылка

an     
Hebert Reis Angenendt 29.10.2012 20:30
quelle
1

Da das P-Tag das erste Tag mit Text im Dokument ist, ist dies ein häufiges CSS-Problem. Versuchen Sie, body > div:first-child > p:first-child { margin-top: 0; } zu Ihrem CSS hinzuzufügen und es wird es beheben.

    
SpYk3HH 29.10.2012 20:32
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Füllen Sie ein numpy Array mit der gleichen Nummer? [Duplikat]