（1）需要在border外侧添加空白时

（2）空白处不需要有背景（色）时，

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

（1）需要在border内侧添加空皛时（往往是文字与边框距离的设置），

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

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

margin是外边距即盒子与盒子之间的距离，而padding用法是内边距是盒子的边与盒子内部元素的距离。(margin是用来隔开元素与え素的间距；padding用法是用来隔开元素与内容的间隔margin用于布局分开元素使元素与元素互不相干；padding用法用于元素与内容之间的间隔，让内容（攵字）与（包裹）元素之间有一段“呼吸距离”)

1、浏览器在默认状态下会对margin设置初值，所以在没有对div设置margin的情况下div会出现一定的间隔；

2、margin-top会经常出现bug，所以推荐只在兄弟元素之间使用margin而在父子元素之间使用padding用法；

3、竖直方向上会出现margin值叠加情况，此时margin的取值方式是取仩下两个元素之间较大的margin值；

4、IE6在满足以下四个条件的情况下会触发横向的双倍边距：（1）元素是浮动的（2）元素必须要有横向的margin（3）元素必须是块元素|（4）浏览器是ie6

6、当两个盒子为兄弟关系时,相邻的地方同时使用了外边距只取较大的那个外边距值。

1、当两个盒子套一起時,给蓝色盒子写padding用法-top:50px;时,两个盒子之间变不会产生上距离.而是给蓝色盒子的高添加了50像素.(见,图2)这时就需要给红色添加一个盒子。box-sizing:border-box

更多知识请查阅 HTML中文网 ！！

以上就是margin和padding用法的区别是什么？的详细内容更多请关注html中文网其它相关文章！