网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )

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

原因是双倍边距了?

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

如果哪位大侠知道原因的话,请留言。
上一篇:div+css实现圆角即网页上常用的圆角效果
下一篇:IE7 float:left左浮动失效的解决方法