IE7 float:right 右浮动时元素换行错位的bug解决方法

当前位置 : 首页 > 网页制作 > CSS > IE7 float:right 右浮动时元素换行错位的bug解决方法

IE7 float:right 右浮动时元素换行错位的bug解决方法

来源: 作者: 时间:2015-11-04 11:06
这次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法
这次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法

复制代码
代码如下:

<ul>
<li><a>ss</a><a style="float:right;margin-top:5px;">dd</a></li>
<li><a>ss</a><a style="float:right;margin-top:5px;">dd</a></li>
</ul>

情景如上:

这次的情况与上次不同,上次设置浮动的元素没有设置上边距,所以直接将浮动的元素移到不浮动的元素之前就可以解决问题。

但这次浮动的元素加上了外边距,上次的方法失效。

原因没有找到,但是通过下面的方法可以解决。

将margin-top写css hack适应IE7,对其赋负的值,慢慢调整这个值到合适位置即可。

原因是双倍边距了?

很难说,因为边距增大了不只两倍。

如果哪位大侠知道原因的话,请留言。
Tag:
网友评论

<