Div没有占全宽

时间:2014-04-05 14:55:35

标签: html css

HTML代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="style/index.css" rel="stylesheet" type="text/css"/>
</head>
<body>


<!-- div for box-->
<div id="panel"></div>

</body>
</html>

使用的CSS:

#panel
{
    height:90px;
    background-color:#CCC;
    margin:0px;
    padding:0px;    

}

输出生成:是一个盒子,周围留有4-5个像素的空间,并且它不会覆盖整个宽度。:

预期输出:周围没有空格我真正想做的事情:

1 个答案:

答案 0 :(得分:4)

您需要清除应用于正文的默认边距。添加:

body{ 
  margin: 0; 
}