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

2019独角兽企业重金招聘Python工程师标准>>>

做前端开发都是折翼天使！好不容易不用兼容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>

转载于:https://my.oschina.net/redraiment/blog/367395