Html 固定div宽度超过预期值

Html 固定div宽度超过预期值,html,css,Html,Css,查看页脚div,其中包含保留的所有权利 所有3个div的宽度均为70%,但页脚的宽度显示超出预期 #header{ width:70%; margin: 0 auto; background:#CCCCCC;} #container{ width:70%; margin: 0 auto; background:#CCCCCC; } #footer{ width:70%; background:#000000; color:#FFFFFF; position:fixed;bottom:0; l

查看页脚div,其中包含
保留的所有权利

所有3个div的宽度均为70%,但页脚的宽度显示超出预期

#header{
width:70%;
margin: 0 auto;
background:#CCCCCC;}

#container{
width:70%;
margin: 0 auto;
background:#CCCCCC;
}

#footer{
width:70%;
background:#000000;
color:#FFFFFF;
position:fixed;bottom:0;
left:15%;
}

这是因为body元素上的默认边距/填充。为了保持一致性,最好在css顶部使用重置。即

*{margin:0;padding:0;}

这将为您省去很多麻烦。

重置页边空白,为正文填充

body{
    margin: 0;
    padding: 0;
}

或者可以重置主体填充和边距

body{
    margin:0;
    padding:0;
}

没有默认的正文边距:@oGeez,非常感谢^_^
body{
    margin:0;
    padding:0;
}