华南俳烁实业有限公司

說白了，一個是內(nèi)部的距離，一個是外部的距離；padding：內(nèi)邊距；margin：外邊距。

　兩者都是代替表格最重要的作用->分割塊的好方法，區(qū)別在于Margin是不同的Tag間互相隔離的距離而Padding是同一元素中不同內(nèi)容分割使用，這在表格中最看得清楚。尤其是當(dāng)對一個區(qū)域加載了背景樣式之后，Padding下的內(nèi)容背景色會發(fā)生改變，而Margin則不會有所改變。

　　margin的取值有：margin-top, margin-right, margin-bottom, margin-left
　　padding的取值有：padding-top, padding-right, padding-bottom, padding-left
　簡寫法（舉例）：

　　四個邊距均為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}