1回答

好帮手慕夭夭

2019-08-22

你好同学，通过如下例子理解：

1.先设置padding ：

它是设置盒子与它里面内容之间的间距，并且它包含在盒子的实际宽度里面，观察一下它们的变化：

2.再设置margin：

margin是设置盒子与外界之间的间距，所以看到两个盒子之间会产生间距，两个盒子也都与浏览器左侧产生了间距。margin不包含在盒子的实际宽度中，所以盒子的大小没有变。

通过如上就能理解它的应用了哦。另外，有的时候它们两个可以实现同样的效果，此时用哪一个都行。例如如下两行文字挨着，想要文字产生一个间距

设置margin-bottom: 20px;可以实现两个盒子之间的间距，文字自然也就有间距了

设置 padding-bottom: 20px;虽然box1 和box2还是挨着的，但是box1的文字因为与box1自身产生了一个间距，所以文字与文字之间还是有间距的。所以效果一样的情况下，用哪一个都行哦

祝学习愉快，望采纳。

0