固定宽度100％的位置没有包裹在体内？

Question

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    margin: 0;
    padding: 0;
}


#footer {
    width: 100%;
    border: 1px solid #000000;
    position:fixed;
    padding:0 5px;
    margin:10px;
}

http://jsfiddle.net/x8b4t1ce/

当我使用保证金10时它向右流动？为什么呢？

Answer 1

现在移除 array并添加到width:100%;

中的left:0;和right:0;

就像这样

#footer

<强> Demo