在CSS中，边距和填充到底有什么区别?它似乎真的没有多大用处。你能给我举个例子说明区别在哪里(以及为什么知道区别很重要)吗?
当前回答
填充是在内容和边框之间计算的。 保证金是在边界外计算的。
其他回答
Padding是网页上最接近的组件之间的空间，margin是网页边缘的空间。
记住这三点:
边距是控件周围的额外空间。 填充是控件内部的额外空间。 外部控件的Padding是内部控件的Margin。
演示图片:(红框为欲望控制)
填充是内容和边框之间的空间。其中Margin是边框和其他元素之间的空间。
边距和填充之间的一个关键区别在任何答案中都没有提到:点击性和悬停检测
增加填充会增加元素的有效大小。有时我有一个很小的图标，我不想让它看起来更大，但用户仍然需要与该图标进行交互。我增加了图标的填充，让点击和悬停的足迹更大。增加图标的边距不会有同样的效果。
关于这个主题的另一个问题的回答给出了一个例子。
自我说明图像
L - Left, R- Right and T - Top, B - Bottom
