-1

这是我网站骨架的 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)。

我已经在边距上设置了“自动”，所以它总是在中心对齐，但我不明白为什么我不能移动这个空间。我试过删除之间的空格，所以它会像但它没有帮助。我在哪里犯错？

4

4 回答 4

2

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

html, body {
   margin:0;
   padding:0;
}
于 2013-02-13T20:43:13.527 回答
1

您<body>很可能有边距/填充。也将它们归零：

body {
    margin: 0;
    padding: 0;
}
于 2013-02-13T20:43:17.330 回答
0

body你需要像这样重置，

body {
  padding: 0px;
  margin: 0px;
}
于 2013-02-13T20:44:00.797 回答
0

您可以将 body{margin:0;padding:0} 添加到您的 CSS 中会有一些空间

于 2013-02-13T20:57:23.050 回答