页面顶部的奇怪边距

我对我的简单网络感到疯狂。页面顶部和我的图片之间存在无法解释的空间。有人可以解释我为什么吗？页面顶部的奇怪边距

的网址：http://2014.nahollaru.cz/

我的HTML

<body> 
    <img src="img/top.png" border="0" />

我的CSS

<style type="text/css"> 
/* --------- demo presentation------------ */ 
body {text-align: center;} 
#header {margin-top:0px; height: 100px; width:800px; margin:0px auto; background: #000;} 
#header p {text-align:center; font-style:italic; color:#fff; font-family:Cambria; font-size:30px;} 
#primary .obsah, #content .obsah, #secondary .obsah {text-align:justify; font-family:Cambria; color:#E6E8E1; font-size:15px; } 
#primary p:hover, #content p:hover, #secondary p:hover {color:black;} 
a{color:#E6E8E1;} 
a:hover{color:black;} 
#footer {padding:5px; height: 20px; width:800px; margin:0px auto; background: #000; color:#fff; font-family:Cambria; font-size:25px;} 
/* --------------------------------------- */ 



/* ----- set width and center layout ----- */ 
#container { 
    width:800px; 
    margin:20px auto; 
} 
/* --------------------------------------- */ 




/* ----------- float columns ------------- */ 
#primary, #content, #secondary { 
    float:left; 
    width:266.667px; 
    height:auto; 
    padding: 50px 0; 
    background-color:#fff; 
    font-family:Cambria; 
    color:#E6E8E1; 
    text-align:justify; 
} 

#primary:hover, #content:hover, #secondary:hover { 
    color:black; 
} 

#primary a:hover{ 
    color:black; 
} 
/* --------------------------------------- */ 




/* --------------------------------------- */ 
#footer { 
    clear:both; 
} 
/* --------------------------------------- */ 
</style>

在此先感谢。

来源

2014-01-24 Jan Červenka

你所看到的是body的默认边距。就在这个规则添加到您的风格上：

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

来源

2014-01-24 17:51:36

或者最好使用一个不错复位，这我不能说虽然有一段时间没有做网页。 –

谢谢！有效。 –

如果你不使用css框架，我建议你至少把你的网站放在http://html5boilerplate.com上，然后像这样的东西可以为你解决。 –

页面顶部的奇怪边距

回答

相关问题