---

了解一下盒模型

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相当于将小盒子挪移了一段距离，并没有增大盒子本身。

特殊情况除外（总能想到反例，说出来又太麻烦了）

---

推荐阅读：