固定div宽度超过预期

Question

查看包含all rights reserved

的页脚div here

所有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%;
}

Answer 1

这是因为body元素的默认margin / padding。在css顶部使用重置以保持一致性是个好主意。即

*{margin:0;padding:0;}

这将为您省去很多麻烦。

Answer 2

重置边距，为身体填充。

body{
    margin: 0;
    padding: 0;
}

Updated fiddle

Answer 3

#footer{
    width:68%;
    margin: 0 auto;
    background:#000000;
    color:#FFFFFF;
    position:fixed;bottom:0;
    left:16%;
    }

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

body{
    margin:0;
    padding:0;
}