html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

IE7 float:right 右浮动时元素换行错位的bug解决方法_浏览器兼容教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:这次的情况与上次不同,上次直接将浮动的元素移到不浮动的元素之前就可以解决问题,而这次的float:right 时元素换行错位的情况,在下文也给出了不错的解决方法

复制代码
代码如下:
avSHTML5中文学习网 - HTML5先行者学习网
<ul> avSHTML5中文学习网 - HTML5先行者学习网
<li><a>ss</a><a style="float:right;margin-top:5px;">dd</a></li> avSHTML5中文学习网 - HTML5先行者学习网
<li><a>ss</a><a style="float:right;margin-top:5px;">dd</a></li> avSHTML5中文学习网 - HTML5先行者学习网
</ul> avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
情景如上: avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
这次的情况与上次不同,上次设置浮动的元素没有设置上边距,所以直接将浮动的元素移到不浮动的元素之前就可以解决问题。 avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
但这次浮动的元素加上了外边距,上次的方法失效。 avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
原因没有找到,但是通过下面的方法可以解决。 avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
将margin-top写css hack适应IE7,对其赋负的值,慢慢调整这个值到合适位置即可。 avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
原因是双倍边距了? avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
很难说,因为边距增大了不只两倍。 avSHTML5中文学习网 - HTML5先行者学习网
avSHTML5中文学习网 - HTML5先行者学习网
如果哪位大侠知道原因的话,请留言。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助