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

Longe

CSS代码：
+ r, h, q7 R: J4 G& b7 x- `+ K6 X, l

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

复制代码

/ s+ }8 D6 A9 l; q4 Z
8 l, s- J, W6 f5 U( t- H# i原代码如下：
: k" w. P5 |$ H! l& |! P$ L

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正常：


  S2 ~! e7 `# P; @

. q7 ~3 G0 y( X! x9 y* n改动代码如下：

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>

复制代码

  r) ?8 o9 f' @! s& N) T
IE6、7、8皆显示正常：

, D3 ?( H% [  _& n  n, ~

Longe

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

yupopp

体天书，我。。。。

/sun鬼鬼

睇天书。。。