IE6绝对定位的bug和解决方法
- 一月 17th, 2011 by ilmilk
- |
- 11,002人看过
position:absolute定位在IE6下存在left和bottom的定位错误问题:
<!–IE6下的left定位错误–>
<div style=”position:relative;border:1px solid orange;text-align:center;”>
<a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div><!–IE6下的left定位错误–>
<hr />
<div style=”position:relative;border:1px solid orange;text-align:right;”>
<a href=”http://www.ilmilk.com”>http://www.ilmilk.com/</a>
<div style=”position:absolute;top:0;left:0;background:#CCC;”>ilMilk</div>
</div>
上面这段代码在IE6中定位错误。解决办法有两种:1、给父层设置zoom:1触发layout。 2、给父层设置宽度(width)。 阅读全文
