margin和padding的使用场景

margin 是用来隔开元素与元素的间距。

padding 是用来隔开元素与内容的间隔。

• margin:

  需要在 border 外侧添加空白时；

  空白处不需要背景（色）时；

  上下相连的两个盒子之间的空白，需要相互抵消时。

• padding：

  需要在 border 内测添加空白时；

  空白处需要背景（色）时；

  上下相连的两个盒子之间的空白，希望等于两者之和时