本来两个不相同的东西,在IE6下硬是会擦出火花....
当一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。
<div><ul><ul><a></a></div>
尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug.
再尝试下有没其他解决办法,在<a></a>外面套个行内元素,结果发现还是不行,试了下讨个块级元素,^.^哈哈,可以了,难道块级元素进行绝对定位就可以不平浮动了?尝试直接用块级元素或者把行内元素的display改为block,然后进行绝对定位,结果发现还是不行.................- -#。
得出的结论:IE6下,绝对定位元素与浮动元素有重叠会导致绝对定位元素消失。
解决办法:
- 不相重叠。
- 改变其中一种效果。
- 在绝对定位元素外面套个块级元素,让他们直接接触。