提问人：Chris J Allen 提问时间：1/23/2009 最后编辑：Chris J Allen 更新时间：9/21/2012 访问量：16626
Chrome/Safari 中的边距（或填充不确定）问题 [已关闭]
Margin ( or padding not sure ) problem in Chrome/Safari [closed]
问：
这个问题不太可能帮助任何未来的访客;它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况有关，这些情况通常不适用于互联网的全球受众。如需帮助使此问题更广泛地适用，请访问帮助中心。
10年前关闭。
这是我的链接（请注意，它有自动播放音频 - 对不起...！
它不是通常的“在 FF 中看起来不错，但在 IE 中很糟糕”的问题:)
它在IE6 / 7 Firefox中看起来不错，但是在Chrome和Safari中，它在边距/填充或定位方面存在很大问题。（这缩小了范围，嗯？
如果你看一看，你就会明白我的意思。看起来我可能与我的一个 CSS 规则发生冲突，但这不会在所有浏览器上都会导致问题吗？
任何帮助和指示都非常感谢。谢谢。
编辑：不确定为什么我的重置 .css 规则没有生效...
答：
4赞
Bo Jeanes
1/23/2009
#1
问题在于内侧的边距顶部。<h4>product-panel-content<div>
修改以下样式：site.css
.product-panel-content h4 {
font-size:140%;
letter-spacing:-0.5px;
}
成为：
.product-panel-content h4 {
font-size:140%;
margin-top:0;
letter-spacing:-0.5px;
}
将修复基于 WebKit 的浏览器（例如 Safari 和 Chrome）中的显示问题。我不确定这是否会导致您的其他浏览器出现其他显示问题，但如果确实如此，请尝试使用 on 来补充该元素上间距的余量不足。padding-top<h4>
评论
0赞
Chris J Allen
2/9/2009
非常感谢 bjeanes，页面上还有很多类似的问题。我很好奇为什么我的重置 .css 规则似乎没有处理它们。.
0赞
Chris J Allen
2/9/2009
因为我没有使用通用选择器，*{margin：0;paddding：0}， DOH
-1赞
Robert Woodbury
9/2/2012
#2
Chrome 与任何其他浏览器的区别在于，它为元素采用指定的宽度并添加填充以获得最终宽度。而其他浏览器则使用填充来隔开内部内容并保持元素的指定宽度。铬从船上掉了下来。
评论
0赞
bfavaretto
9/23/2012
实际上，这就是 W3C 盒子模型的指定方式，现在所有浏览器都这样做，包括 IE，除非你强迫它们进入怪癖模式。
评论