CSS中margin和padding属性如何使用

本篇内容主要讲解“CSS中margin和padding属性如何使用”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“CSS中margin和padding属性如何使用”吧!

CSS教程：详解margin和padding属性应用场合

margin和padding的意义相信大家都很清楚，可是在具体应用中，到底应该使用哪一个，就比较难于判断了。这篇文章说得挺清楚的，在这里供参考。

◆何时应当使用margin

需要在border外侧添加空白时。

空白处不需要背景（色）时。

上下相连的两个盒子之间的空白，需要相互抵消时。如15px+20px的margin，将得到20px的空白。

◆何时应当时用padding

需要在border内测添加空白时。

空白处需要背景（色）时。

上下相连的两个盒子之间的空白，希望等于两者之和时。如15px+20px的padding，将得到35px的空白。

◆浏览器兼容性问题

在IE5.x、IE6中，为float的盒子指定margin时，左侧margin可能会变成两倍的宽度。通过改用padding或指定盒子为display:inline可以解决。

到此，相信大家对“CSS中margin和padding属性如何使用”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！