在基本网页顶部的差距？

我已经设置了一个简单的网页，并且在顶部有一个奇怪的间隙，我不知道如何解决。我开发的其他网站一直没有这个问题..？在基本网页顶部的差距？

这里是我的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>sitename</title> 
<link rel="stylesheet" type="text/css" href="main.css"> 
</head> 

<body> 
<div id="wrapper">  
    lorem ipsum 
</div> 
</body> 
</html>

而CSS：

body { 
background-color:#323232; 
} 

#wrapper { 
width:960px; 
margin:0pt auto; 
background-color:#272727; 
}

而这里的怪异的差距图：

这只是我的版本的FireFox暂时行动起来，还是我在做一些明显错误的事情？

来源

2012-01-13 Matthew

可能有用：http://stackoverflow.com/questions/116754/best-css-reset – 2012-01-13 09:50:33

我认为默认情况下，浏览器会倾向于将边距或填充添加到<html>或<body>元素，我永远不会记得哪个元素。

编辑：每其他答案和评论（例如Rahool’s）的，看起来像它margin上<body>。

所以这应该理清您的问题：

body { 
    margin: 0; 
}

来源

2012-01-13 09:39:41

+1它总是在'body'利润。 – BoltClock 2012-01-13 09:43:00

谢谢，这个伎俩！学过的知识。 – Matthew 2012-01-13 09:46:10

尝试增加

*{ 
    margin: 0px; 
    padding: 0px; 
}

来源

2012-01-13 09:40:06 siannone

因为身体标记默认保证金，你需要重新设置，如：

body { 
    margin: 0; 
}

来源

2012-01-13 09:50:50 doyoe

对于每个页面，每个网页浏览器在之前使用一组默认样式应用了其他任何CSS样式。

Mozilla default style sheet

Internet Explorer User Agent Style Sheets

您需要重置这些默认CSS应用的样式。

Firefox将默认的8px页边距应用于body元素。将其复位，

body { 
    margin: 0; 
}

来源

2012-01-13 10:11:09 rahool

在基本网页顶部的差距？

回答

相关问题