Chrome / Safari忽略了我的重置規則？

Question

鏈接文字

在Safari / Chrome中，它在ol，blockquotes和其他元素的左側/頂部有額外的間距。

我無法隔離這一點，但是當我在Safari中查看Web檢查器時，它在一些元素上獲得了26px的邊距。 我沒有指定任何這樣的規則，這是Web檢查器中的錯誤嗎？

有人可以告訴我為什么這些exta間距問題正在發生？ 謝謝！

Answer 1

剩余邊距：26px是你造型邊緣的“計算樣式” - 左：2em。 因此，為什么它在Safari的Web Inspector中的Computed Style部分下。 因此，如果您將margin-left更改為其他值，則計算樣式的像素值也會更改。

無論如何確實有額外的填充！ 它是由用戶代理樣式表（-webkit-padding-start：40px）引起的。 通過在ol上設置填充：0以及您想要的任何其他元素來重置此樣式。

防止這個問題再次發生並且不必擔心發展的好方法是重置你的CSS。 基本重置將是：

* { margin:0; padding:0; }