解决IE6/IE7中右浮动float:right换行问题

做前端的可能够遇到过这种情况，假设原来的前端布局方式：

<div>推荐文章<span style="float:right">更多</span></div>

在IE8以上及火狐、Chrome浏览器等都是正常的，可是到了IE6及IE6中，你就会发现，“更多”飘到下一行去了。 下面是解决右浮动元素换行的方法：

一、CSS hack解决IE7浮动元素的问题（不推荐）

加个*margin-top:负边距

二、调整html元素的布局方式解决IE7浮动元素的问题（推荐）

<div><span style="float:left">推荐文章</span><span style="float:right">更多</span></div>

或

<div><span style="float:right">更多</span>推荐文章</div>

注意发布日期的容器span元素的style浮动样式及显示的位置。 Tips：前端布局的时候，能不使用css hack就尽量避免！