Css div不會去頂部或所有的方式

我已經開始了一個網站與redbackground，我想在頂部一點點白色。Css div不會去頂部或所有的方式

我有這樣的代碼：

CSS：

body { 

background-color: #ff4d4d; 
} 
#header { 
background-color: #ffffff; 
height: 20px; 
}

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Fat Oblongs</title> 
<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="screen" /> 
</head> 
<body> 
<div id="header"></div> 

</body> 
</html>

主要生產：

來源

2011-03-11 RSM

你應該確保你的body和html元素都有沒有margin和padding：

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

旁註：你也真的不應該使用XHTML 1.0過渡爲您的文檔類型。如果可能的話，簡單地使用HTML5 _{（這已超過國界沒有影響，不過，除非你有一個很好的理由這樣做不使用過渡文檔類型）}

<!doctype html>

來源

2011-03-11 16:05:28

或 * {填充：0; margin0;} – Mehran 2011-03-11 16:06:15

@Narhem，我不會建議使用'*' 。最好使用[CSS reset]（http://meyerweb.com/eric/tools/css/reset/）或者我的答案中提到的簡單選擇器。 – 2011-03-11 16:08:33

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

瀏覽器往往窗口邊緣周圍有幾個填充/邊緣像素。上面的CSS刪除了所有。

來源

2011-03-11 16:06:10

您需要重置保證金：身體的填充零

body {margin:0;padding:0;}

http://jsfiddle.net/79w9Y/

來源

2011-03-11 16:06:41

Css div不會去頂部或所有的方式

回答

相關問題