定格寬度小於預期

Question

看看頁腳DIV here包含all rights reserved

所有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元素的默認邊距/填充。爲了一致性，在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; 
}