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

前端之家收集整理的这篇文章主要介绍了css – Chrome / Safari忽略了我的重置规则?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
link text

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

我无法隔离这一点,但是当我在Safari中查看Web检查器时,它在一些元素上获得了26px的边距.我没有指定任何此类规则,这是Web检查器中的错误吗?

有人可以告诉我为什么这些exta间距问题正在发生?谢谢!

解决方法

剩余边距:26px是你造型边缘的“计算样式” – 左:2em.因此,为什么它在Safari的Web Inspector中的Computed Style部分下.
因此,如果您将margin-left更改为其他值,则计算样式的像素值也会更改.

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

防止这个问题再次发生并且不必担心发展的好方法是重置你的CSS.基本重置将是:

* { margin:0; padding:0; }

猜你在找的CSS相关文章