margin和padding的区别

margin：元素周围的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。用于元素之间的间距。

padding: 内边距，边框离内容正文的距离。用于元素与内容之间的间距。

何时应当使用margin：

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

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

上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。

何时应当时用padding：

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

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

上下相连的两个盒子之间的空白，希望等于两者之和时。如15px + 20px的padding，将得到35px的空白。