<div style=”width:700px;height:700px;background:#00CC99″>
 <div style=”background:#330066;width:500px;height:500px;”>
 <div style=”float:left;background:#FF3366;”>
 <div style=”width:300px;height:300px;”></div>
 <div style=”width:100%;height:100%;background:red;position:absolute;left:0;top:0;”></div>
 </div>
 </div>
 </div>
在非ie6的浏览器中都是满屏幕的红, 说明非ie6的浏览器的width和height的百分比,都是相对的上个相对定位或者决定定位的元素,没有就为html元素
而,ie6中的width和height 的百分比,相对的是上个有高宽显示设置的元素,而且height的百分比设置失效,所以上述代码在ie6中就出现宽度穿越了他的父元素而遇见width:500px;的元素的时候,边把自己设置成了width:500px;而height的设置则失效,,, 这个, 让人很蛋疼!ie6,真的该早点走了!
 posted on 2012-03-02 17:04 落叶满长沙 阅读(...) 评论(...) 编辑 收藏