2017-06-05 4 views
0

Kann sich jemand diese Vorlage ansehen und erklären, warum nur in Chrome am oberen Seitenrand eine Menge zusätzlicher Platz hinzugefügt wird?Chrome - CSS - Zusätzlicher Abstand

https://html5up.net/uploads/demos/verti

Update:

Eigentlich habe ich das nur entdeckt, wenn ich in meiner Arbeit Google-Konto angemeldet bin (im Browser als Ganzes), den zusätzlichen Abstand an der Spitze hinzufügt. Wenn ich Chrome im Allgemeinen (Gastmodus) verwende, wird der zusätzliche Speicherplatz nicht oben hinzugefügt. Alles auf demselben Computer in meinem Haus. Unterschiedliche Ergebnisse, abhängig davon, ob ich eingeloggt bin oder nicht. Gibt es eine Erklärung dafür?

+0

Wie unten erwähnt - lehren Sie sich, die Browser-Entwickler-Tools zu verwenden. Dadurch erfahren Sie, welches CSS "aktiv" ist. Es ist sehr wahrscheinlich, dass im Google-Konto Ihrer Arbeit ein angepasster CSS-Stil angewendet wird. Dies können wir Ihnen jedoch nicht bestätigen. –

+0

Interessant. Vielen Dank! – Cooper

+0

Versuchen Sie es mit einem CSS-Reset wie [normalize.css] (http://necolas.github.io/normalize.css/) –

Antwort

0

Auffüllung für das #header-wrapper Element, hat die folgende CSS (main.css - Linie 1839). Dies entspricht ein padding-top: 66px in Chrom ...

#header-wrapper { 
    padding: 4.5em 0 1em 0; 
    padding-top: 4.5em; 
    padding-right: 0px; 
    padding-bottom: 1em; 
    padding-left: 0px; 
} 

Das wäre einfach zu entfernen oder zu überschreiben, wenn Sie benötigen ... z

#header-wrapper { 
    padding-top: 10px !important; 
} 
+0

Haben Sie meine zusätzlichen Informationen, die ich gerade über verschiedene Ergebnisse hinzugefügt habe, je nachdem, ob ich eingeloggt bin, angezeigt Chrome oder nicht? Ich bin verblüfft! – Cooper

+0

Ich habe einen Blick mit Firefox geworfen, und es hat tatsächlich eine Obergrenze von '72px' (gleiches CSS). Vielleicht möchten Sie sich mit den Entwicklertools des Browsers vertraut machen - es ist ziemlich einfach zu erlernen. –