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

网页制作 2024/12/25 佚名

3 2 1

复制代码代码如下:
<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，对其赋负的值，慢慢调整这个值到合适位置即可。

原因是双倍边距了？

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

如果哪位大侠知道原因的话，请留言。

IE7,float:right,元素换行错位