一个奇怪的CSS（float）在IE6、7、8的问题！

Longe

CSS代码：

1. .news_list{ padding:5px;height:20px;background:url(../images/news_list_bg.png) repeat-x;}
   
2. .list_time{ padding:0;margin:0;float:right;font: 11px/20px 微软雅黑,宋体,Arial, sans-serif; display:inline;}

复制代码

  F" `& i$ \1 l3 X, d! \: H( V
2 o) H5 f6 d$ {9 M. \( g) x6 y原代码如下：

1. <div class="news_list"><a class="<%If request.QueryString("id")-rs("id")=0 Then%>on<%End If%>" href="news_show.asp?id=<%=rs("id")%>&sort_id=<%= rs("sort_id") %>">● <%= LeftH(rs("info_name"),43) %></a><span class="list_time">[ <%=rs("dateandtime")%> ]</span></div>

复制代码

IE6、7显示如下，IE8正常：


, E; ?! p. r, w1 @! \, z

8 v7 G( w$ u) i/ m  u改动代码如下：
% @5 \( b( V) L( i

1. <div class="news_list"><span class="list_time">[ <%=rs("dateandtime")%> ]</span><a class="<%If request.QueryString("id")-rs("id")=0 Then%>on<%End If%>" href="news_show.asp?id=<%=rs("id")%>&sort_id=<%= rs("sort_id") %>">● <%= LeftH(rs("info_name"),43) %></a></div>

复制代码

9 M0 N0 y5 C- b. u( Y
( ~+ s" O4 r' ^1 R, W0 z5 Y/ `& wIE6、7、8皆显示正常：
  X3 `: H3 F7 z  S7 r
/ P! \: K5 n, k# T" g- F

Longe

这种奇怪的事我是第一次遇到，不知道有什么特别的地方，float属性放在前面则显示正常，放后面则显示不正常，真是奇怪。

yupopp

体天书，我。。。。

/sun鬼鬼

睇天书。。。