Chrome/Safari 忽略了我的重置规则?

Chrome/Safari ignoring my reset rules?

提问人:Chris J Allen 提问时间:2/9/2009 最后编辑:cgpChris J Allen 更新时间:2/9/2011 访问量:6876

问:

链接文本

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

我无法隔离这一点,但是当我在 Safari 的 Web 检查器中查看时,它选择了左边距:在某些元素上为 26px。我没有指定任何此类规则,那么这是 Web 检查器中的错误吗?

有人可以告诉我为什么会出现这些扩展间距问题吗?谢谢!

css safari 谷歌浏览器

评论


答:

14赞 Jason 2/9/2009 #1

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

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

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

* { margin:0; padding:0; }

评论

0赞 Chris J Allen 2/9/2009
谢谢你的回答杰森。它确实做到了。我过去曾多次使用过通用选择器,但出于某种原因,这次我选择使用 Eric Meyers 重置规则,它并不像那样通用。啊,好吧,吸取了教训。
0赞 Mike K 4/21/2009
我不知道通用选择器/重置器,它确实有效。多么棒的提示!