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是用来指定盒子内部的距离。