在网页中有很多左右结构的标题，在一行的左边是“标题”，右边则是“更多”，在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>
