我设置了一个简单的网页,但顶部有一个奇怪的空白,我不知道如何修复。我开发的其他网站根本没有这个问题..?
这是我的 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 版本暂时出现问题还是我做错了什么?
最佳答案
我认为默认情况下浏览器确实倾向于向 <html>
添加边距或填充或 <body>
元素,我永远记不起是哪个。
编辑:根据其他答案和评论(例如 Rahool’s ),看起来是 margin
在 <body>
.
所以这应该可以解决您的问题:
body {
margin: 0;
}
关于html - 基本网页顶部的差距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8848445/