热搜：编程 Python Microsoft 编程语言 C++

IE7.0以下版本列表li中的元素错位一个上一个下的如何解决方法

发布时间：2023-05-24 18:12:18 来源：互联网

.

一个兢兢业业、无微不至的保姆。你用自己的一只手——雪，把那青绿的麦苗爱抚地搂在怀里，给他以温暖和关怀。麦苗在那层层棉被下静静地期待，期待着来春生长发育。蛇、鳝、熊等等，有的钻进了深泥，有的藏入树洞，休息一冬，养精蓄锐，方有新春来到时的精神振奋。你用自己的另一只手――寒风，举刀挥剑，把那些残害农作物的害虫，砍光杀尽，把那些残害人类、牲畜的虎豹豺豺狼驱赶进深山老林。冬呵！你严守阵地，不容侵犯；你，是一位最负责任的对友火热温情，对敌残忍无情的好保姆。

HTML:

复制代码

代码如下:

<li><span class="tag">[${ross.parentName}] </span><a rel="nofollow noopener noreferrer" 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,

本文IE7.0以下版本列表li中的元素错位一个上一个下的如何解决方法到此结束。成熟，就是某一个突如其来的时刻，把你的骄傲狠狠的踩到地上，任其开成花或者烂成泥。小编再次感谢大家对我们的支持！

以下您可能有感兴趣的文章:

标签： 方法 li