IE6、IE7下a标签后面的span元素向右浮动后错位的解决方法

把右浮动的span元素放在了a标签之后，会导致在IE6、IE7这些老式浏览器下显示错位的情况，代码如：

[html]  view plain  copy

 

1. <div style="border:1px solid red"><a href="#">关于我们</a><span style="float:right">2011-15-15 15:00:45</span><div>  

或者

[html]  view plain  copy

 

1. <div style="border:1px solid red"><a href="#">关于我们<span style="float:right">2011-15-15 15:00:45</span></a><div>  

效果如图，会导致a标签内容和span标签内容错位

解决方法：把span元素放在a标签之前或者把span元素放到a标签内的内容前面，代码如：

[html]  view plain  copy

 

1. <div style="border:1px solid red"><span style="float:right">2011-15-15 15:00:45</span><a href="#">关于我们</a><div>  

或者

[html]  view plain  copy

 

1. <div style="border:1px solid red"><a href="#"><span style="float:right">2011-15-15 15:00:45</span>关于我们</a><div>  

效果如图：