IE6下与float元素相邻的position:absolute元素消失BUG
时间：2011-03-09 来源：lan9203
症状：IE6下div#a消失
01.<style>
02.#z{position:relative;width:400px;border:1px solid #000;}
03. #a{position:absolute;top:5px;left:5px;background:red;}
04. #b{float:left;width:300px;background:yellow;}
05. #c{float:left;width:100px;background:blue;}
06.</style>
07.
08.<div id="z">
09. <div id="a">AAA</div>
10. <div id="b">BBB</div>
11. <div id="c">CCC</div>
12.</div>
解决办法：
1）插入空白元素
1.<div id="z">
2. <div id="a">AAA</div>
3. <!--[if IE 6]><div></div><![endif]-->
4. <div id="b">BBB</div>
5. <div id="c">CCC</div>
6.</div>
2）修改浮动元素样式
1.#c{float:left;width:100px;_margin-rigth:-3px;background:blue;}
3）如果div#c浮动修改成
1.#c{float:right;}
则
1.#b{_margin-right:-3px;}
2.#c{_margin-left:-3px;}
即可解决。
经本人测试方法一有效，后两种未能成功。
相关阅读 更多 +
