Question

这是我网站骨架的HTML代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/base.css" rel="stylesheet" type="text/css" >    
</head>
<body>
<div id="center">
</br>
</br>
</div>
</body>
</html>

这就是base.css的样子：

#center{
border:0px;
margin:0px auto;
width:960px;
background-color: #66ffff;
padding:0px;
}

问题是我的网站上还有空白，这是一张图片： http://s4.postimage.org/6fagq090d/Untitled.png （红色箭头指向我认为会消失的空间，将边框，边距和填充放在0上）。

保证金的“自动”我已经把它放在中心位置，但我不知道为什么我不能移动这个空间。我试过删除之间的空间，所以它会像，但它没有帮助。我在哪里弄错了？

Answer 1

您还需要删除html和body周围的边距：

html, body {
   margin:0;
   padding:0;
}

Answer 2

您的<body>最有可能有边距/填充。把它们归零：

body {
    margin: 0;
    padding: 0;
}

Answer 3

您需要像这样重置body，

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

Answer 4

你可以在你的CSS中添加body {margin：0; padding：0}会有一些空间

为什么还有空白？

4 个答案: