Question

我有一个web page在Firefox和Safari中的显示方式不同（即将进行IE测试）。

该页面在Safari中按预期显示，但正文和HTML之间有50px的余量，我无法确定导致它的原因。

以下是正文的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; }

Answer 2

根据您的网站，我认为问题实际上是div id为“容器”。这是它的最高保证金属性设置为50px。明确地将其设置为0px，它应该没问题。

Answer 3

如果删除#container

上设置的边距，它就会消失

为什么我的浏览器顶部有保证金？

3 个答案: