css - Chrome/Safari 忽略我的重置规则？

Question

link text

在 Safari/Chrome 中，它在 ol、 block 引号和其他元素的左侧/顶部有额外的间距。

我无法隔离这一点，但是当我查看 Safari 中的网络检查器时，它在某些元素上拾取了 margin-left: 26px。我没有指定任何此类规则，这是 Web 检查器中的错误吗？

有人能告诉我为什么会出现这些 exta 间距问题吗？谢谢!

Answer 1

margin-left:26px 是您的样式 margin-left:2em 的“计算样式”。这就是为什么它位于 Safari 的 Web 检查器的计算样式部分下。因此，如果您将 margin-left 更改为其他值，则计算样式的像素值也会更改。

反正确实有多余的padding!它是由用户代理样式表 (-webkit-padding-start:40px) 引起的。通过在您的 ol 和您想要的任何其他元素上设置 padding:0 来重置此样式。

防止此问题再次发生并无后顾之忧开发的一个好方法是重置您的 css。基本重置将是:

* { margin:0; padding:0; }