關於 body 的 padding 和 margin 問題？(解決 瀏覽器兼容性)

body是默認有內邊距的，內邊距是用padding設置的。為什么給body設置padding:0px不能消除內邊距，而設置margin:0px卻能夠消除內邊距？

設置body{margin:0px;padding:0px;}   // 清除默認樣式

關於這個問題：
1. 每種瀏覽器都有一套默認的樣式表，在網頁制作過程，沒有指定相應的樣式時，就會按照瀏覽器內置的樣式表來渲染。
2. 舉例說，IE6、IE7的body標簽，默認的樣式應該是：display:block;margin:15px 10px;zoom:1;（不是很確定），而沒有預設padding值，chrome/firefox也只是設置了margin:8px;沒有預設padding，從此可見，設置margin:0;即可消除邊距了，這點可以通過簡單的試驗得出結果了。
3. 注意不同的瀏覽器甚至同個瀏覽器不同版本的默認樣式是不同的。body標簽分別將margin和padding都重置為0這是網絡上廣為流傳的重置方法，應該是比較可靠的了。
4. 要徹底理解這個問題，可以去找每種瀏覽器的默認樣式表分析，重置的原理就是利用css樣式的相互覆蓋的優先級權重，將瀏覽器默認樣式（優先級最低）用開發者定義的樣式覆蓋掉。只要對照各種瀏覽器默認的樣式就可以比較簡單的理解這個問題了。

 

目的: 1. 作用是Reset（重置）瀏覽器默認樣式,解決瀏覽器兼容性的問題,因為每個瀏覽器都有自己默認的內邊距和外邊距,使各瀏覽器樣式統一,即使不同的分辨率也能顯示相同的效果