margin与padding的区别以及margin如何兼容各浏览器

2019独角兽企业重金招聘Python工程师标准>>>

一、margin和padding的区别：

        当我们想要在子元素使用背景，而父元素不适应背景，达到图片“顶住”，文字“不顶住”间隔一段距离的时候要用padding；

        当我们让子元素边框要顶住父元素，而覆盖父元素背景图片或背景色的时候使用padding；

        当我们希望让子元素和父元素有点距离，但不影响父元素背景图片展示的时候用margin。

二、margin的兼容

    1.加倍问题：块级元素浮动时在IE6下产生的双边距BUG。

        解决办法：a.  修改元素为内嵌，即 display:inline或者使用display:inling-block;

                         b.  通过!important这样的手段hack;

div { margin:10px;/*ff*/
*margin:15px !important;/*ie7*/
_margin:15px !important;/*ie6*/ }

转载于:https://my.oschina.net/xiuhong/blog/468860