IE6 absolute 元素宽度被撑开 bug

症状

当绝对定位元素的子元素被触发hasLayout时,该元素宽度会撑满整个窗口

<div class="absolute"> <div class="inner"> <p>IE bug</p> </div> </div>
.absolute{position:absolute;left:100px;top:100px;border:1px black solid;padding:5px 10px;background-color:yellow;} .inner{#zoom:1;} 

IE7+正常

IE6则撑满了页面

解决方法

避免触发inner的hasLayout,将zoom:1去除或置为默认值norml

 .inner{#zoom:normal;}
posted @ 2012-03-30 10:20  likozhang  阅读(759)  评论(0编辑  收藏  举报