CSS中的边距和填充有什么区别？在何种情况下：
两者都有效。只有保证金是合适的。只有填充是合适的。
当前回答
我总是使用这个原则：
这是Firefox中inspect元素特性的方框模型。它像洋葱一样工作：
你的内容在在中间。填充是指内容和标签边缘之间的空间在…内边界及其规格边距是标记周围的空格。
因此，更大的边距将在包含内容的框周围腾出更多空间。
较大的填充将增加内容和其所在的框之间的空间。
如果将框设置为特定值，则它们都不会增加或减小框的大小。
其他回答
我总是使用这个原则：
这是Firefox中inspect元素特性的方框模型。它像洋葱一样工作：
你的内容在在中间。填充是指内容和标签边缘之间的空间在…内边界及其规格边距是标记周围的空格。
因此，更大的边距将在包含内容的框周围腾出更多空间。
较大的填充将增加内容和其所在的框之间的空间。
如果将框设置为特定值，则它们都不会增加或减小框的大小。
边距位于块元素的外侧，而填充位于内侧。
使用边距将块与块外的东西分开使用填充将内容移离块的边缘。
对你的问题有更多的技术解释，但如果你想要一种方法来思考边距和填充，这个类比可能会有所帮助。
将块元素想象成挂在墙上的相框：
照片就是内容。垫子是衬垫。边框是边框。墙就是视口。两帧之间的间距是边距。
考虑到这一点，一个很好的经验法则是，当您希望将一个元素与墙上的其他元素隔开时，使用边距，当您调整元素本身的外观时，使用填充。边距不会改变元素的大小，但填充会使元素变大1。
1可以使用框大小属性更改此行为。
边距在框外，填充在框内
需要注意的一点是，当自动折叠的边距让你烦恼时（并且你没有在元素上使用背景色），使用填充更容易。
