IE6,浮动遇到绝对定位
2009-06-01 09:55
162 查看
本来两个不相同的东西,在IE6下硬是会擦出火花....
当一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。
<div><ul><ul><a></a></div>
尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug.
再尝试下有没其他解决办法,在<a></a>外面套个行内元素,结果发现还是不行,试了下讨个块级元素,^.^哈哈,可以了,难道块级元素进行绝对定位就可以不平浮动了?尝试直接用块级元素或者把行内元素的display改为block,然后进行绝对定位,结果发现还是不行.................- -#。
得出的结论:IE6下,绝对定位元素与浮动元素有重叠会导致绝对定位元素消失。
解决办法:
不相重叠。
改变其中一种效果。
在绝对定位元素外面套个块级元素,让他们直接接触。
当一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。
<div><ul><ul><a></a></div>
尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug.
再尝试下有没其他解决办法,在<a></a>外面套个行内元素,结果发现还是不行,试了下讨个块级元素,^.^哈哈,可以了,难道块级元素进行绝对定位就可以不平浮动了?尝试直接用块级元素或者把行内元素的display改为block,然后进行绝对定位,结果发现还是不行.................- -#。
得出的结论:IE6下,绝对定位元素与浮动元素有重叠会导致绝对定位元素消失。
解决办法:
不相重叠。
改变其中一种效果。
在绝对定位元素外面套个块级元素,让他们直接接触。
相关文章推荐
- IE6,浮动(float)遇到绝对定位(position)-->ie6使用绝对定位position:absolute,box不显示
- IE6 7下绝对定位引发浮动元素神秘消失
- 当浮动元素和绝对定位元素是并列关系的时候,在IE6下绝对定位元素会消失
- IE6 下绝对定位position:absolute 与浮动不显示 (IE6 下拉菜单显示)
- 关于ie6中绝对定位或浮动的div中既有向左float也有向右float时候如何让外层div自适应宽度的解决方案--
- IE6下绝对定位元素和浮动元素并列绝对定位元素消失
- 如何居中一个元素(正常、绝对定位、浮动元素)
- IE6下绝对定位BUG
- 绝对定位元素,浮动元素居中
- css 浮动 相对定位 绝对定位区别
- IE6下绝对定位的高度自适应
- 子层div绝对定位ie6下无效
- 解决IE6下浮动层固定定位的经典方法
- 【css】绝对定位的元素在 ie6 下不显示
- css 相对定位 绝对定位 浮动 分析
- 绝对定位九宫格IE6bug不完整解决方案
- 普通文档流,定位(绝对,相对,固定),浮动
- 如何居中一个元素(正常、绝对定位、浮动元素)?
- 网页布局和定位:绝对定位和浮动布局