浏览器兼容教程

关注公众号 jb51net

关闭
网页制作 > CSS > 浏览器兼容教程 >

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

脚本之家



<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,对其赋负的值,慢慢调整这个值到合适位置即可。

原因是双倍边距了?

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

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