Chrome/Safari ignoriert meine Reset-Regeln?

Question

link text

In Safari/Chrome hat es zusätzliche Abstände auf der linken/oberen Seite von Ols, Blockquotes und anderen Elementen.

Ich kann das nicht isolieren, aber wenn ich im Web Inspector in Safari schaue, nimmt er einen Rand-Links: von 26px auf einigen Elementen. Ich habe keine solchen Regeln angegeben, also ist das ein Fehler im Web Inspector?

Kann mir jemand erklären, warum diese Probleme mit dem Exta-Abstand auftreten? Vielen Dank!

Answer 1

Dieser Rand-links: 26px ist der "berechnete Stil" Ihres Styling-Marge-links: 2em. Daher ist es im Abschnitt "Computed Style" im Web Inspector von Safari. Wenn Sie also den linken Rand auf einige andere Werte ändern, ändert sich auch der Pixelwert im berechneten Stil.

Wie auch immer, es gibt tatsächlich extra Polsterung! Und es wird durch das Stylesheet des Benutzeragenten verursacht (-webkit-padding-start: 40px). Setzen Sie diesen Stil zurück, indem Sie padding: 0 auf Ihrem ol und anderen gewünschten Elementen setzen.

Ein guter Weg, um dieses Problem zu vermeiden, wieder zu passieren und sich ohne Sorgen zu entwickeln, ist das Zurücksetzen Ihres CSS. Ein grundlegender Reset wäre:

* { margin:0; padding:0; }