IE兼容-模拟IE6、7的float：right属性

在网页中有很多左右结构的标题，在一行的左边是“标题”，右边则是“更多”，在IE6,7中，如果处理不当则会出现右边的文字“更多”出现在下一行。究其原因是float：right的问题。下面是几种解决方法，可根据情况来选择，当然也可以有其他更好的办法。
1：使一行中的元素全部浮动起来，如在这里，我们可以让第一个span元素增加float：left属性。
2：用绝对定位代替浮动，如在这里，让div元素获得position：relative属性。第二个span元素获得position：absolute属性,该元素的具体位置可以设置它的top、left等属性。

示例代码如下：

<style>
*{
margin:0;
padding:0;
}
div{
width:400px;
height:40px;
line-height:40px;
}
.right{
float:right;
}
</style>

<div>
  <span>标题</span>
  <span class="right">更多</span>
</div>