margin相关

2024-08-20 08:14:25

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不存在双边距问题

最新文章

热门文章