Html 基本网页顶部的间隙？_Html_Css

Html 基本网页顶部的间隙？

html css

Html 基本网页顶部的间隙？,html,css,Html,Css,我已经设置了一个简单的网页，但顶部有一个奇怪的缺口，我不知道如何修复。我开发的其他网站根本没有这个问题这是我的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&g

我已经设置了一个简单的网页，但顶部有一个奇怪的缺口，我不知道如何修复。我开发的其他网站根本没有这个问题

这是我的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>

这是一张奇怪缺口的照片：

这只是我版本的FireFox暂时出现问题，还是我明显做错了什么？

我认为默认情况下，浏览器确实倾向于在

或

元素中添加边距或填充，我永远记不清是哪个元素

编辑：根据其他答案和评论（例如），看起来像是

上的

margin

因此，这应该解决您的问题：

body {
    margin: 0;
}

尝试添加

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

因为主体标记默认边距，您需要重置它，例如：

body {
    margin: 0;
}

对于每个页面，在应用任何其他css样式之前，每个web浏览器都使用一组默认样式

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

Firefox将默认8px边距应用于body元素。要重置它

可能有用：

body {
    margin: 0;
}

body {
    margin: 0;
}