1、bug描述:当子元素设置相对定位时(relative),父元素的overflow(设为auto或hidden)无效,在IE6、7下看到的还是会有溢出
2、出现问题的IE版本:IE6、IE7
3、示例:举个简单的例子
CSS部分:
.outer{
width: 200px;
height: 200px;
overflow: hidden;
}
.inner{
width: 300px;
height: 300px;
position: relative;
background-color: #ffe17e;
}
HTML部分:
<div class="outer">
<div class="inner">inner</div>
</div>
这样的话在IE6、7下看到的inner部分是overflow的。
4、解决方法:
将父元素(这里对应的是outer)的position设为relative,即
.outer{width: 200px;
height: 200px;
overflow: hidden;
position: relative;
}