日期:2014-05-17  浏览次数:20564 次

第一次发现ie6有这样一个bug
用div css建网页
css大致是这样:
.nav1{width:900px;}
.nav1 a{.....}
.nav1 a:hover{.....}
.nav2{width:900px;}
.nav2 a{.....}
.nav2 a:hover{.....}
.left {float:left;width:300px;}
.right{float:right;width:600px;}
大致结构:
<div class="nav1"><a href="abc.html">我的链接</a></div>
<div class="nav2"><a href="eee.html">我的又一个链接</a></div>
<div class="left"></div>
<div class="right"></div>
现在的问题是:在ie7和firefox中一切正常,但在ie6中,当left区块的高度比right区块的高度高时,只要鼠标一放到区块nav1的那个链接上,left区块的高度自动和right的高度一样,他们的底部保持一样,高出的部分全部消失了,就象刀子割过一样。
当把nav1中的a:hover定义去掉后,就正常了。就是css中删除 .nav1 a:hover{}
但对于nav2这个区块,却没有这个现象,只是对nav1有这个现象

从网上查了一下,好象是ie6 断头台的问题,但又好象不一样,我的left和right两个区块都用了float.
先感谢各位给我看一看,谢谢了。

------解决方案--------------------
FLOAT少用。就像味精,放一点有鲜味,多了有害
------解决方案--------------------
探讨
FLOAT少用。就像味精,放一点有鲜味,多了有害

------解决方案--------------------
探讨
FLOAT少用。就像味精,放一点有鲜味,多了有害

------解决方案--------------------
探讨
不过好象还不是ie6的hover现象,hover管用, 是鼠标hover时,别的div被切去下面的部分,又好象是ie6断头台的现象。