css ie6双倍margin现象

IE6双倍margin bug

当出现连续浮动的元素,携带和浮动方向相同的margin时,队首的元素,会双倍marign

解决方案:

1)使浮动的方向和margin的方向,相反。

所以,你就会发现,我们特别喜欢,浮动的方向和margin的方向相反。并且,前端开发工程师,把这个当做习惯了。

1  float: left;

2  margin-right: 40px;

2)使用hack(没必要,别惯着这个IE6 

单独给队首的元素,写一个一半的margin

1 <li class="no1"></li>

 

1 ul li.no1{

2  _margin-left:20px;

3 }

 



posted on 2018-11-27 11:15  xxcxxc  阅读(137)  评论(0编辑  收藏  举报