基本上，边距和边距的区别在于背景。填充将决定内容之间的空间，而边距将决定元素的外部边缘!

我刚刚注意到一件事，但上面的答案都没有提到。如果我有一个动态创建的DOM元素，它是用空的内部html内容初始化的，如果你不希望这个空元素占用任何空间，除了它的内容被创建之外，使用边框而不是填充是一个很好的实践。

边框=元素边框外的空间。

Padding =元素(内部)从文本到边框的空格。

请看这里:http://jsfiddle.net/robx/GaMpq/

Padding是内容和边框之间的空间，而margin是边框之外的空间。这是我从谷歌快速搜索中找到的一张图片，它说明了这个想法。

边距和填充之间的一个关键区别在任何答案中都没有提到:点击性和悬停检测

增加填充会增加元素的有效大小。有时我有一个很小的图标，我不想让它看起来更大，但用户仍然需要与该图标进行交互。我增加了图标的填充，让点击和悬停的足迹更大。增加图标的边距不会有同样的效果。

关于这个主题的另一个问题的回答给出了一个例子。

边距是框外的空间;填充物是盒子内部的空间。用白色填充很难看出区别，但用彩色填充可以很好地看到。