Html 固定div宽度超过预期值
查看页脚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
保留的所有权利
所有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;
}