第一次发现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少用。就像味精,放一点有鲜味,多了有害
------解决方案--------------------
------解决方案--------------------
------解决方案--------------------