欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2024-04-04 11:55:59
...
前几天做的项目中碰到这样一个问题,在 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。