【css】ie6 和 ie7 下 position 与 overflow 的问题_html/css_WEB-ITnose

前几天做的项目中碰到这样一个问题，在 ie6 和 ie7 下，给父元素设置 overflow:hidden 不起作用无法隐藏，后来发现是子元素中有设置 position:relative，如果子元素删除 position:relative，那么父元素的 overflow:hidden 可以隐藏，具体代码及效果如下：

html 代码：

        

111111111
            
222222222
            
333333333
            
444444444
            
555555555
            
666666666
            
777777777
            
888888888
            
999999999
            
000000000
            
111111111
            
222222222
            
333333333
            
444444444
            
555555555
            
666666666
            
777777777
            
888888888
            
999999999
            
000000000
        

ie6 和 ie7 下效果：

解决方法：

给父元素设置 position:relative。