【发布时间】：2010-10-06 09:11:40
【问题描述】：
在 Safari/Chrome 中，它在 ol's、blockquotes 和其他元素的左侧/顶部有额外的间距。
我无法隔离这一点，但是当我在 Safari 中查看网络检查器时，它会在某些元素上获得 26px 的 margin-left:。我没有指定任何此类规则，所以这是 Web 检查器中的错误吗？
有人能告诉我为什么会出现这些额外间距问题吗？谢谢！
【问题讨论】：
标签： css safari google-chrome
【发布时间】：2010-10-06 09:11:40
【问题描述】：
margin-left:26px 是您的样式 margin-left:2em 的“计算样式”。因此，为什么它位于 Safari 的 Web Inspector 的 Computed Style 部分。 因此，如果您将 margin-left 更改为其他值，则计算样式的像素值也会发生变化。
无论如何确实有额外的填充！它是由用户代理样式表（-webkit-padding-start:40px）引起的。通过在您的 ol 和您想要的任何其他元素上设置 padding:0 来重置此样式。
防止此问题再次发生并放心开发的好方法是重置您的CSS。基本重置是：
* { margin:0; padding:0; }
【讨论】：
-
感谢杰森的回答。它确实成功了。过去我曾多次使用该通用选择器，但出于某种原因，我这次选择使用 Eric Meyers 重置规则，它并没有那么通用。嗯，吸取了教训。
-
我不知道通用选择器/重置，它确实有效。多么棒的提示！