Web设计中填充与边距的差异

边缘和填充可能会令人困惑，因为在某些方面，它们看起来像是同样的事情：图像或物体周围的空白空间。这是您作为网络​​设计师需要了解他们的差异的东西。

填充

填充是图像或小区内容与其外边界之间的空间。在下面的图像中，填充是内容周围的黄色区域。在这种情况下，填充完全围绕内容：顶部，底部，右侧和左侧。您可以指定每侧的填充程度（以百分比，像素，点等），它们不必是相同的。通过这种方式，您可以在元素中定位内容。

边缘

相比之下，边缘是空间外部元素的边界，元素和任何与其相邻之间。在图像中，边缘是整个物体外的白色区域。像填充一样，边缘完全围绕这个例子中的内容：在顶部，底部，右侧和左侧。您可以使用边距来定位页面上的div和其他元素。