2013-02-13 99 views
-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)。

保证金上的“自动”我已经把它总是对齐中心,但我不明白为什么我不能移动这个空间。我尝试删除之间的空间,所以它会像但没有帮助。我在哪里犯错?

+0

可能因为'body {padding:0}'没有被应用。 – 2013-02-13 20:43:22

+2

下一次请链接到演示页面而不是屏幕截图 – ThiefMaster 2013-02-13 20:43:53

+0

是的,这是问题所在,谢谢 – 2013-02-13 20:44:52

回答

2

您还需要删除围绕HTML和身体保证金:

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

非常感谢,我找不到问题 – 2013-02-13 20:44:30

1

<body>最有可能有一个保证金/填充。零那些,太:

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

你需要重新设置body这样,

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

可以补充身体{保证金:0;填充:0}到你的CSS会有一些空间