固定宽度为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

现在删除width:100%;和在#footer

添加到left:0;和right:0;像这样

#footer { 
    left:0; // add this line 
    right:0; // add this line 
    width:100%; // remove this line 
    border: 1px solid #000000; 
    position:fixed; 
    padding:0 5px; 
    margin:10px; 
} 

Demo