在基本網頁頂部的差距？

我已經設置了一個簡單的網頁，並且在頂部有一個奇怪的間隙，我不知道如何解決。我開發的其他網站一直沒有這個問題..？在基本網頁頂部的差距？

這裏是我的HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
<title>sitename</title> 
<link rel="stylesheet" type="text/css" href="main.css"> 
</head> 

<body> 
<div id="wrapper">  
    lorem ipsum 
</div> 
</body> 
</html>

而CSS：

body { 
background-color:#323232; 
} 

#wrapper { 
width:960px; 
margin:0pt auto; 
background-color:#272727; 
}

而這裏的怪異的差距圖：

這只是我的版本的FireFox暫時行動起來，還是我在做一些明顯錯誤的事情？

來源

2012-01-13 Matthew

可能有用：http://stackoverflow.com/questions/116754/best-css-reset – 2012-01-13 09:50:33

我認爲默認情況下，瀏覽器會傾向於將邊距或填充添加到<html>或<body>元素，我永遠不會記得哪個元素。

編輯：每其他答案和評論（例如Rahool’s）的，看起來像它margin上<body>。

所以這應該理清您的問題：

body { 
    margin: 0; 
}

來源

2012-01-13 09:39:41

+1它總是在'body'利潤。 – BoltClock 2012-01-13 09:43:00

謝謝，這個伎倆！學過的知識。 – Matthew 2012-01-13 09:46:10

嘗試增加

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

來源

2012-01-13 09:40:06 siannone

因爲身體標記默認保證金，你需要重新設置，如：

body { 
    margin: 0; 
}

來源

2012-01-13 09:50:50 doyoe

對於每個頁面，每個網頁瀏覽器在之前使用一組默認樣式應用了其他任何CSS樣式。

Mozilla default style sheet

Internet Explorer User Agent Style Sheets

您需要重置這些默認CSS應用的樣式。

Firefox將默認的8px頁邊距應用於body元素。將其復位，

body { 
    margin: 0; 
}

來源

2012-01-13 10:11:09 rahool

在基本網頁頂部的差距？

回答

相關問題