这两个填充/边距场景之间的差异

时间:2012-05-17 01:58:00

标签: html css

在以下示例中使用padding-left和margin-left有什么区别?

http://jsfiddle.net/bt49e/1/

左边的div是绝对定位的,而右边的div是左边的padding-left / margin-left。它们可以在这里互换使用吗?如果挑选一个或另一个有任何影响吗?

1 个答案:

答案 0 :(得分:3)

主要区别在于计算宽度,如bfavaretto所示。如果您选择添加边框,则另一个区别是边框的位置。看看this update to your fiddle,看看我的意思。

您可能还会注意到所应用的任何背景图片/渐变的默认位置存在差异,因为margin已添加到外部,padding会添加到框内部。< / p>