边距和填充之间的区别?
到底是什么在CSS margin和padding的区别? 它似乎并没有达到很多目的。 你能否给我一个例子,说明差异在哪里(以及为什么知道差异很重要)?
padding
是内容和border
之间的空间,而margin
是边框之外的空间。 这是我从快速Google搜索中找到的一张图片,它说明了这个想法。
这里的答案中缺少一个关键的东西:
顶部/底部边距可折叠。
因此,如果您的元素底部有20px的边距,下一个元素的顶部有30px的边距,则两个元素之间的边距将为30px而不是50px。 这不适用于左/右边距或填充。
保证金应用于你的元素的外部 ,从而影响你的元素远离其他元素的距离。
填充应用于元素的内部 ,从而影响元素的内容远离边界的距离。
此外,使用边距不会影响元素的尺寸,而填充会使元素的尺寸(设置高度+填充),例如,如果您有一个100x100px的div,5px的填充,您的div实际上会是105x105px
链接地址: http://www.djcxy.com/p/5015.html