CSS中的边距和填充有什么区别？在何种情况下：
两者都有效。只有保证金是合适的。只有填充是合适的。
当前回答
保证金与衬垫：
元素中使用边距来创建该元素和页面其他元素之间的距离。其中填充用于在元素的内容和边框之间创建距离。边距不是元素的一部分，而填充是元素的一。
请参阅下面从边距与填充-CSS财产中提取的图像
其他回答
关于边距的问题是，您不必担心元素的宽度。
就像当你给出一些{padding:10px；}时，你必须将元素的宽度减少20px，以保持“适合”，而不干扰周围的其他元素。
因此，我通常从使用填充来“填充”所有内容开始，然后使用边距进行微调。
另一点需要注意的是，不同浏览器上的填充更为一致，IE对负边距的处理也不太好。
这里有一些HTML演示了填充和边距如何影响可点击性和背景填充。一个对象会收到对其填充的点击，但对对象空白区域的点击会转到其父对象。
$（“.other”）.click（函数（e）{console.log（“外部”）；e.停止传播（）；});$（“.intern”）.click（函数（e）{console.log（“内部”）；e.停止传播（）；});.外部{填充：10px；背景：红色；}.内部{边距：10px；填充：10px；背景：蓝色；边框：纯白1px；}<script src=“http://code.jquery.com/jquery-latest.js“></script><div class=“outer”><div class=“inner”style=“位置：相对；高度：0px；宽度：0px”></div></div>
需要注意的一点是，当自动折叠的边距让你烦恼时（并且你没有在元素上使用背景色），使用填充更容易。
边距会清除元素周围的区域（边界外），但填充会清除元素内容周围（边界内）的区域。
这意味着您的元素不知道其外部边距，因此如果您正在开发动态web控件，我建议您尽可能使用填充与边距。
请注意，有时您必须使用保证金。
保证金与衬垫：
元素中使用边距来创建该元素和页面其他元素之间的距离。其中填充用于在元素的内容和边框之间创建距离。边距不是元素的一部分，而填充是元素的一。
请参阅下面从边距与填充-CSS财产中提取的图像
