---

了解一下盒模型

https://www.w3cplus.com/css/web-layout-box-module.html

---

瀉藥

你可以先去了解一下盒子模型，W3C和IE盒子模型，padding的用法在本質上面還是很大的

csdn的《盒子模型你是怎麼理解的？》

---

你搜索盒子模型，看懂了就知道三者區別了

---

margin為外邊距，padding為內邊距，border為邊框，具體的話你好好去看看css手冊

---

搜索一下CSS的盒子模型,標準盒子模型和IE盒子模型,看懂了就知道區別了,

CSS盒模型（Box Model）

---

margin表示盒子自身的位置描述，padding和border屬於自身屬性。

對於盒子內部的內容來說，margin和padding對於距離的效果差不多的，但是因為padding是盒子屬性的原因，會將盒子的其他屬性也表示出來，相當於將小盒子變成了大盒子，像background，box-shadow之類屬性的表示範圍也會增大，而margin相當於將小盒子挪移了一段距離，並沒有增大盒子本身。

特殊情況除外（總能想到反例，說出來又太麻煩了）

---

推薦閱讀：