IE6 幽灵文本

来源：互联网发布：电脑连接linux服务器编辑：程序博客网时间：2024/04/27 14:48

今天在做导航的时候，突然在IE6下发现一个诡异的问题，本来在代码中我只写了如下：

<a href="#" style="width:30px; border-bottom:#F00 3px solid; color:#F00;">11</a><a href="#" style="width:45px;">222</a><a href="#" style="width:45px;">333</a><a href="#" style="width:45px;">444</a><a href="#" style="width:60px;">5555</a><a href="#" style="width:60px;">6666</a>

但是又在下面显示出6666，

后面在http://hi.baidu.com/821402834/item/ed609025fa2a04dda417b622看到一篇文章关于幽灵文本，看意思还是很接近我遇到的情况，看了之后我在以前的基础上，最后面加上了一个<div style="clear:both;height:0;font-size:0;overflow:hidden;"></div>

之后就消失了。

<a href="#" style="width:30px; border-bottom:#F00 3px solid; color:#F00;">11</a><a href="#" style="width:45px;">222</a><a href="#" style="width:45px;">333</a><a href="#" style="width:45px;">444</a><a href="#" style="width:60px;">5555</a><a href="#" style="width:60px;">6666</a><div style="clear:both;height:0;font-size:0;overflow:hidden;"></div>