有时你可以通过使用填充或边距来达到同样的效果。例子:

假设视图X包含视图Y(也就是:视图Y在视图X内部)。

-View Y的Margin=30或View X的Padding=30将达到相同的结果:View Y的offset为30。

填充是边框内的空间，在边框和实际视图内容之间。注意，填充完全围绕着内容:顶部、底部、右侧和左侧都有填充(可以是独立的)。

边距是边界之外的空间，在边界和视图旁边的其他元素之间。在图像中，边缘是整个物体外部的灰色区域。请注意，与填充一样，页边距完全围绕内容:在顶部、底部、右侧和左侧都有页边距。

一张图片说了超过1000个单词(从Margin Vs Padding - CSS属性中提取):

填充在视图内部。

边距在视图之外。

这种差异可能与背景或大小属性有关。

简单地说:

填充-在视图的边界内创建空间。 边框-创建视图边框之外的空间。

有时你可以通过使用填充或边距来达到同样的效果。例子:

假设视图X包含视图Y(也就是:视图Y在视图X内部)。

-View Y的Margin=30或View X的Padding=30将达到相同的结果:View Y的offset为30。

下面的图片将让你了解填充和空白-