一、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*/ }