xhtml - 为什么我的浏览器顶部有空白？

Question

我有一个 web page这在 Firefox 和 Safari 中显示不同(IE 测试尚未到来)。

该页面在 Safari 中按预期显示，但正文和 HTML 之间有 50 像素的边距，我无法确定是什么原因造成的。

这是主体的 CSS:

body     { 
font-size: 13px; 
line-height: 1.333em; 
background: #f6eaae url(../_images/parchment-big.jpg) no-repeat center top;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif; 
color: #323232;
}

如果您能帮助我找出造成这种差异的原因，我将不胜感激。理想情况下，Firefox 版本更好，因为它在顶部提供了额外的呼吸空间。

谢谢。

Answer 1

我查了你的代码，你的错误在于#container 属性:

#container
{ width: 1100px; margin: 0 auto; margin-bottom: 50px; }

你应该这样说

#container
{ width: 1100px; margin-left: 50px; margin-right: 50px margin-bottom: 50px; }