IE6捉迷藏问题

       IE6捉迷藏问题..可以说是IE6的一个最不合理喻的bug,可以说,我看的书的作者也没找到其触发机制是什么,只知道其现象和解决方法.

先看页面代码:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml" >
  < head >
   < title > css2 </ title >
       < meta  http-equiv ="Content-Type"  content ="text/html;charset=gb2312"   />
       < style  type ="text/css" > ...
   #clear{...}{
    clear:both;
   }
   #layout{...}{
    background:#e6e6e6;
   }
   #layout a:hover{...}{
    background:#333;
   }
   #left{...}{
    float:left;
    border:4px solid #333;
    padding:5px;
    width:200px;
    height:200px;
   }
   #right div{...}{
    border:3px solid #0c0;background:#dde;
   }
       </ style >
     </ head >
     < body >
   < div  id ="layout" >
    < div  id ="left" > #left < a  href ="#" > 连接A </ a ></ div >
    < div  id ="right" > #right < br /> 被隐藏的文本 < br />< a  href ="#" > 连接B </ a >< br />
    < br />
    < div > #right中的div. < a  href ="#" > 连接C </ a ></ div >
   #right中的文本. < a  href ="#" > 连接D </ a >
    < div > #right中的div. < a  href ="#" > 连接E </ a ></ div >
   #right中的文本. < a  href ="#" > 连接F </ a ></ div >
    < div  id ="clear" > bottom </ div >
   </ div >
  </ body >
</ html >

     打开IE6运行后,用鼠标在页面上挥几下,就能轻易发现一些"灵异"现象.一闪闪出来的几个连接,还有一个隐藏的文本,这些没法理喻的问题,的确让人头疼,不过还是有个方法能解决.

      作者提供的方法是权威CSS专家研究得出的方法,即在发生问题的最大布局上加上line-height:1.2;这个语句.在这里,就是在#layout内加上这句,因为所有发生的问题的标签,都是在这个大的div下面.所以在这里加上一句line-height:1.2后,能对每个部分进行重新计算调整,即自我刷新,所以能使其错误修正.