问题代码重现：
<div style="width:200px;height:200px; border:1px red solid; overflow:hidden;">
<div style="width:300px; height:300px; background:#09F; position:relative;">aaaa</div>
</div>
bug触发条件：父元素设置宽高属性并加overflow属性(意图使超出部分能够隐藏)，子元素设置了position:relative 或position:absolute属性，ie6及ie7浏览器下超出父元素的子元素区域部分不能被隐藏掉！
解决方法：父元素设置overflow:hidden，ie6及ie7浏览器超出父元素的子元素区域部分不能被隐藏是ie版本的一个bug，解决方法很简单，只需要给父元素也加上position:relative属性即可
即解决问题后的代码如下：
<div style="width:200px;height:200px; border:1px red solid; overflow:hidden;*position: relative;">
<div style="width:300px; height:300px; background:#09F; position:relative;">aaaa</div>
</div>
这问题前端应该经常会碰到，特发此文记录下，备忘.
快速留言：
上一篇： 喵星人-就是想偷看你，咋了…
下一篇： 12306订火车票都会遇到的问题！
4条评论( 网友:2 条,站长:2 条 ) 网友评论{有您的评论更精彩....}