在基本网页顶部的差距?
问题描述:
我已经设置了一个简单的网页,并且在顶部有一个奇怪的间隙,我不知道如何解决。我开发的其他网站一直没有这个问题..?在基本网页顶部的差距?
这里是我的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暂时行动起来,还是我在做一些明显错误的事情?
答
尝试增加
*{
margin: 0px;
padding: 0px;
}
答
因为身体标记默认保证金,你需要重新设置,如:
body {
margin: 0;
}
答
对于每个页面,每个网页浏览器在之前使用一组默认样式应用了其他任何CSS样式。
Internet Explorer User Agent Style Sheets
您需要重置这些默认CSS应用的样式。
Firefox将默认的8px页边距应用于body元素。将其复位,
body {
margin: 0;
}
可能有用:http://*.com/questions/116754/best-css-reset – 2012-01-13 09:50:33