在Safari / Chrome中，它在ol，blockquotes和其他元素的左侧/顶部有额外的间距。
我无法隔离这个，但是当我在Safari中查看网络检查器时，它会在某些元素上获得26px的边距。我没有指定任何此类规则，因此这是Web检查器中的错误吗？
有人可以告诉我为什么这些exta间距问题正在发生？谢谢！
答案 0 :(得分：14)
左边距：26px是你造型边距的“计算样式” - 左：2em。因此，为什么它在Safari的Web Inspector中的Computed Style部分下。 因此，如果您将margin-left更改为其他值，则计算样式的像素值也会更改。
无论如何确实有额外的填充！它是由用户代理样式表（-webkit-padding-start：40px）引起的。通过在ol上设置填充：0以及您想要的任何其他元素来重置此样式。
防止此问题再次发生并且无忧发展的好方法是重置您的CSS。基本重置是：
* { margin:0; padding:0; }