IE7.0以下版本列表li中的元素錯位一個上一個下的解決方法

在IE7.0以下time元素與a元素錯位，一個在上，一個在下。導致的原因是這種情況下span-time元素的margin-top會自動增加20px左右，具體的解決方法如下，感興趣的朋友可以參考下

 

HTML:

復制代碼 代碼如下:
<li><span class="tag">[${ross.parentName}] </span><a href="../ShowNews?id=${ross.newsID}">${ross.title } </a><span class="time">[${ross.updateDate}]</span></li>

CSS:

復制代碼 代碼如下:
.time{float:right}

以 上代碼會在IE7.0以下time元素與a元素錯位，一個在上，一個在下。導致的原因是這種情況下span-time元素的margin-top會自動增 加20px左右（具體為什麼增加不知道，如果哪位大神知道的話給我留個言哈~感激不盡）。解決方法如下，運用CSS hack ：

復制代碼 代碼如下:
.time{float:right;*margin-top:-20px;}

CSS hack 知識：

復制代碼 代碼如下:
區別IE6與FF：
background:orange;*background:blue;
區別IE6與IE7：
background:green !important;background:blue;
區別IE7與FF：
background:orange; *background:green;
區別FF，IE7，IE6：
background:orange;*background:green;_background:blue;
background:orange;*background:green !important;*background:blue;

注：IE都能識別*;標准浏覽器(如FF)不能識別*；
IE6能識別*，某些情況下不能識別 !important,