上一篇：[Perl]认清上下文环境 - 下一篇：[PBP]代码布局(4)
2008-03
20
版权声明：可以任意转载，但转载时必须标明原作者charlee、原始链接http://tech.idv2.com/2008/03/20/css-margin-padding/以及本声明。
margin和padding的意义相信大家都很清楚，可是在具体应用中， 到底应该使用哪一个，就比较难于判断了。 这篇文章 说得挺清楚的，在这里翻译一下，供参考。
何时应当使用margin
- 需要在border外侧添加空白时。
- 空白处不需要背景（色）时。
- 上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。
何时应当时用padding
- 需要在border内测添加空白时。
- 空白处需要背景（色）时。
- 上下相连的两个盒子之间的空白，希望等于两者之和时。如15px + 20px的padding，将得到35px的空白。
浏览器兼容性问题
在IE 5.x、IE6中，为float的盒子指定margin时，左侧margin可能会变成两倍的宽度。 通过改用padding或指定盒子为display:inline可以解决。
这篇文章有 4 条评论了，快来一起讨论讨论吧！
#2
2008-04-10 13:23
总结来用margin还是padding，就是代乎于border的内还是外，叠加还是最大化。
#3
2008-04-13 12:38
「マージンの相殺」倒是第一次听说，长见识了。另外原文还说，「※相殺されない場合もあります」，不知道是指什么？就是指下面说的浏览器兼容问题吗？
#4
2008-06-20 17:11
不错的知识，顶！
添加评论
2008-04-02 21:01
之前我一直就被这个鬼东西蹂躏着