IE6的3像素 bug处理计划方案共享

日期:2020-12-12 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

在大家这样1个奇异的国度,到了2014年了,竟然還是有许多人的电脑上上用着XP,安裝的是IE6,她们沒有想过要升級,大家就得想着适配她们。。。。

1、 6爷我喝高了,最终1行有重影。那甚么是IE6 的3像素bug?

IE7调整了IE6中的1个bug,bug姓名就叫做“3像素bug”,即文本外溢bug. 主要表现方式是ie6访问器下文本或照片外溢,无缘无故的全自动拷贝几个标识符。以下图,就全自动外溢了1个“下1页”。



2、3像素bug是如何造成的?

1个器皿A包括2两个具备“float”款式的子器皿B和C。
第2个器皿C的宽度超过父器皿A的宽度,或父器皿A宽度减去第2个器皿C宽度的值小于3。
在第2个器皿前存在注解(这也是为何此bug也叫做“IE6注解bug”的缘故)。

下面是这段编码再现了bug的造成全过程,假如用ie6访问,则在下面 会多出1个“醉”字。

<div style=”width:200px;”>
<div style=”float:left;”></div>
<div style=”float:left;width:200px;”>我是6爷,我没醉</div>
</div>

3、如何让6爷迅速醒酒?ie 6 3像素bug的最好处理方法:margin-right:⑶px;

有关处理方法在网上有许多转载,可是我11试过以后许多都不见效或没理想。下面是1段摘录:

1.更改构造,不出現【1个器皿包括2两个具备“float”款式的子器皿】的构造。
——此处理计划方案的评价:疯了!一概而论的做法。
2.减小第2个器皿的宽度,使父器皿宽度减去第2个器皿宽度的值超过3,比如将本文示例中第2个子器皿的宽度改成197px。
——此处理计划方案的评价:在考虑网页页面合理布局的前提条件下可使用。可是当状况较为繁杂的情况下,将会执行起来较为艰难。
3.去掉全部的注解。
——此处理计划方案的评价:最立即的做法,可是“沒有注解的编码”,确实并不是1个好的编码创作习惯性。
4.调整注解的写法。将 <!– 这里是注解內容 –>写成<!–[if !IE]>这里是注解內容<![endif]–>
——此处理计划方案的评价:还非常好的处理计划方案,可是其实不是每一个人都对<!–[if !IE]>这里是注解內容[endif]–>这类注解写法很赏析。
5.在第2个器皿后边加1个或好几个<div style=”clear”></div>来处理。
——此处理计划方案的评价:另人觉得很不爽的处理计划方案。可是确实能处理。危害网页页面高效率

这5种方式我都不强烈推荐,依据我的试验最立即的处理难题的方式是在父器皿A加上 margin-right:⑶px; 1般状况下都可以以处理这个难题。

<div style=”width:200px;margin-right:⑶px;”>
<div style=”float:left;”></div>
<div style=”float:left;width:200px;”>我是6爷,我没醉</div>
</div>

4、爱惜性命,阔别ie6

由于外溢bug造成的压根缘故没人能够解释,因此也就沒有对应的1劳永逸的方法。要从压根上处理这个难题仅有1个方法,便是kill ie6。可是MS微软比大家还心急,但是便是不给力啊。。。。。