当前位置：Gxlcms > html代码 > 【css】ie6和ie7下position与overflow的问题_html/css_WEB-ITnose

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

时间：2021-07-01 10:21:17 帮助过：18人阅读

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

html 代码：

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

ie6 和 ie7 下效果：

解决方法：

给父元素设置 position:relative。

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

人气教程排行