CSS中的边距和填充有什么区别？在何种情况下：
两者都有效。只有保证金是合适的。只有填充是合适的。
当前回答
边缘
边距通常用于在元素本身及其周围之间创建空间。
例如，我在构建导航条时使用它，使其紧贴屏幕边缘，不会出现空白。
衬料
当我有一个元素在边框内时，我通常使用＜div＞或类似的东西，我想减小它的大小，但同时我想保持它周围其他元素之间的距离或边距。
简单地说，这是情境性的；这取决于你想做什么。
其他回答
边距位于块元素的外侧，而填充位于内侧。
使用边距将块与块外的东西分开使用填充将内容移离块的边缘。
需要注意的一点是，当自动折叠的边距让你烦恼时（并且你没有在元素上使用背景色），使用填充更容易。
边距会清除元素周围的区域（边界外），但填充会清除元素内容周围（边界内）的区域。
这意味着您的元素不知道其外部边距，因此如果您正在开发动态web控件，我建议您尽可能使用填充与边距。
请注意，有时您必须使用保证金。
从…起https://www.w3schools.com/css/css_boxmodel.asp
不同部分的说明：内容-框的内容，其中显示文本和图像填充-清除内容周围的区域。填充物是透明的边框-围绕填充和内容的边框边距-清除边界外的区域。边距是透明的
实时示例（通过更改值进行模拟）：https://www.w3schools.com/css/tryit.asp?filename=trycss_boxmodel
我总是使用这个原则：
这是Firefox中inspect元素特性的方框模型。它像洋葱一样工作：
你的内容在在中间。填充是指内容和标签边缘之间的空间在…内边界及其规格边距是标记周围的空格。
因此，更大的边距将在包含内容的框周围腾出更多空间。
较大的填充将增加内容和其所在的框之间的空间。
如果将框设置为特定值，则它们都不会增加或减小框的大小。
