CSS HTML对齐DIV

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>Untitled Document</title> 

<link href="style.css" rel="stylesheet" type="text/css" /> 

</head> 

<body> 

<div id="header"> 
</div> 

</body> 
</html>

CSS：

body{ 
    background:#787777; 
    font-family:"Droid Sans",Helvetica,Arial,Sans-Serif; 
    font-size:0.81em; 
    } 

#header{ 
    height:100px; 
    background:#000000; 
    width:100%; 
    margin:0px; 
    }

，这里是导致你看到有位左，上，右。我如何删除这个空间？ enter image description here

来源

2012-01-29 Irakli Lekishvili

body{ 
    background:#787777; 
    font-family:"Droid Sans",Helvetica,Arial,Sans-Serif; 
    font-size:0.81em; 

    margin: 0; 
    padding: 0; 
}

来源

2012-01-29 17:05:17

只需添加余量：0身体选择器应该这样做 – Josh 2012-01-29 17:07:53

您可以请回答http://stackoverflow.com/questions/9943560/html-alignment-issue-in-one-machine-only-both-ie8？ – Lijo 2012-03-30 13:28:54

您需要删除<body>元件周围的margin和padding。浏览器将添加一种或另一种默认，所以你需要明确它们设置为0：

body { 
    background:#787777; 
    font-family:"Droid Sans",Helvetica,Arial,Sans-Serif; 
    font-size:0.81em; 
    margin: 0px; 
    padding: 0px; 
}

不同的浏览器有不同的默认样式，所以同时设置填充和余量为0，确保您不会得到一个沟。

来源

2012-01-29 17:07:13 Bojangles

回答

相关问题