在頁面頂部的圖像邊界之間的差距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

回答

相關問題