padding margin都是邊距的含義，關(guān)鍵問題得明白是什么相對什么的邊距．
padding是控件的內(nèi)容相對控件的邊緣的邊距．
margin是控件邊緣相對父空間的邊距．
說白了，一個(gè)是內(nèi)部的距離，一個(gè)是外部的距離；padding：內(nèi)邊距；margin：外邊距。
兩者都是代替表格最重要的作用->分割塊的好方法，區(qū)別在于Margin是不同的Tag間互相隔離的距離而Padding是同一元素中不同內(nèi)容分割使用，這在表格中最看得清楚。尤其是當(dāng)對一個(gè)區(qū)域加載了背景樣式之后，Padding下的內(nèi)容背景色會(huì)發(fā)生改變，而Margin則不會(huì)有所改變。
margin的取值有：margin-top, margin-right, margin-bottom, margin-left
padding的取值有：padding-top, padding-right, padding-bottom, padding-left
簡寫法（舉例）：
四個(gè)邊距均為10px：
h1 {margin: 10px}
頂邊距和底邊距為10px，左邊距和右邊距是父元素寬度的2%：
h1 {margin: 10px 2%}
頂邊距為10px，左邊距和右邊距是父元素寬度的2%，底邊距是-10px：
h1 {margin: 10px 2% -10px}
頂邊距為10px，右邊距是父元素寬度的2%，底邊距是-10px，而左邊距由瀏覽器設(shè)置：
h1 {margin: 10px 2% -10px auto} | 
，我們將會(huì)及時(shí)處理。
