1、图片与文字对齐问题
如果图片和文字差不多大时,使用兼容性强的margin负值方法。
方法:img{margin:0 3px -3px 0;}
2、div嵌套后margin出现失效(转移)问题
原因:盒子没有获得haslayout造成margin-top无效
方法:(1)父层div设置:{overflow:hidden;}
(2)父层div设置:{padding-top:1px;}
(3)父元素生成BFC;
(4)当前元素margin-top外边距转化为padding-top;
3、IE双边距问题
产生条件:block元素+浮动+margin
方法:使用display:inline;
原因:inline元素或inline-block不存在双边距问题