解决IE7下float right另起一行问题

原创
2015/01/13 23:42
阅读数 376

做前端开发都是折翼天使!好不容易不用兼容IE6了,但IE7也是一朵奇葩。

今天遇到的问题就是float right的元素不会像其他浏览器一样:在当前行居右显示,而是另起一行再居右显示。例如:

<label>left</label><label style="float: right;">right</label>

期望显示的结果是:

------          -------
|left|          |right|
------          -------

IE7中显示的结果是:

------
|left|
------
                -------
                |right|
                -------

解决方法就是把所有float right的元素放到在没有float的元素之前,即:

<label style="float: right;">right</label><label>left</label>
展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部