1、如图，小编我就用div来说明分析margin和padding。*可以去除掉默认margin和padding的距离影响。
2、如图，没有任何默认margin和padding的粉蓝div，它们紧紧粘连在了一起。
3、接着给粉盒子（div）添加margin，再去发现加了margin后的变化效果。
4、粉盒子有了margin之后，就会与蓝盒子拉开对应的距离（margin值）。
5、接着尝试修改粉盒子的margin为负值，看看负值有啥效果。
6、可以看到，margin如果是正值便会往右移，负值便会左移。
7、接着添加padding值给粉盒子，看看padding的作用在啥地方。
8、有padding之后，可以看到文字被往里边挤。最后我们便可以知道margin是用来指定盒子外边的距离，而padding是用来指定盒子内部的距离。
