固定寬度爲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