在页面顶部的图像边界之间的差距html

我想将图像放置在页面的顶部并拉伸到页面的两侧，高度为51px。但是，图像与页面顶部和页面两侧之间存在间隙。请你能告诉我我做错了什么吗？在页面顶部的图像边界之间的差距html

#background { 
width: 100%; 
height: 100%; 
position: absolute; 
left: 0px; 
top: 0px; 
z-index: 0; 
} 

.stretch { 
    width:100%; 
    height:100%; 
} 
#twitter { 
    background: url(http://maxk.me/test/img/twitterbg.png) repeat; 
    height: 51px; 
    width: 100%; 
    position: fixed; 
}

HTML

<html> 
    <head> 
     <title>title</title> 
     <link rel="stylesheet" type="text/css" href="css/style.css" /> 
    </head> 
    <body> 
     <div id="background"> 
      <img src="...." class="stretch" alt="" /> 
     </div> 
     <div id="twitter"> 

     </div> 
     </body> 
</html>

来源

2011-08-20 max_

您需要删除默认margin上body：

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

您还应该添加一个有效的doctype作为第一行：

<!DOCTYPE html>

如果没有这个，您的网页将在Internet Explorer中为very broken，并且在不同浏览器之间通常不一致。

来源

2011-08-20 19:09:29 thirtydot

@XcodeDev听这家伙 – sg3s

在页面顶部的图像边界之间的差距html

回答

相关问题