定位元素position:relative在ie7下导致overflow失效的解决办法

标签: relative overflow:hidden ie7
4人阅读 评论(0) 收藏 举报

今天遇到了 ie7浏览器下,overflow:hidden; 失效的情况,

经过测试和排查,发现原来ie6,ie7有一个很坏的习惯就是:

如果父对象有overflow:hidden属性,

子对象中的position属性是relative或者absolute,

那么在ie6和ie7下父对象的overflow会失效。


解决方法:


若子元素中是relative,则父对象加relative属性

若子元素中是absolute,则父对象加

*position:relative;*left:0;*top:0;



查看评论

解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后,子元素不随着滚动条滚动的问题

在IE6,IE7下,子元素使用position:relative、父元素使用overflow:auto后,我们预期的是滚动条滚动时,子元素也随着滚动,实际情况是内容不滚动,就感觉你是定位定在那里了。 ...
  • happyqyt
  • happyqyt
  • 2012年05月07日 18:03
  • 7287

IE7-position:relative层在动态渲染时的偏移问题

一、问题重现 为了说清楚这个问题,借用一下【资料1】的例子。 IE7 absolute positioning bug ...
  • greenqingqingws
  • greenqingqingws
  • 2014年02月07日 14:36
  • 6576

关于ie 下css div position:relative;定位失效

子元素中有position:relative;的时候 ,在ie下,会出现平铺整个页面。 遇到该问题,只需要给其父元素也增加position:relative;属性即可。 万恶的ie...
  • youmypig
  • youmypig
  • 2014年08月11日 14:32
  • 2529

position:relative之后overflow:hidden;失效

position:relative之后overflow:hidden;失效,解决方法:在position:relative;的外层容器加position:relative...
  • jacky_Jxchen
  • jacky_Jxchen
  • 2011年02月17日 11:13
  • 1072

让position:absolute超出DIV溢出隐藏

通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hidden,这样即可防止子元素撑开父元素,使子元素能够溢出隐藏! 但是,对于position:absolute定位的子元素,...
  • xiaodouya87
  • xiaodouya87
  • 2015年11月28日 15:56
  • 16689

父元素设置absolute或relative,子元素设置fixed定位失效

fixed相对于body进行的窗口定位,而不是相对于父元素absolute或relative,所以当你想让fixed定位在窗口位置并且是相对于父元素的那只有一个办法就是把父元素设置为absolute或...
  • qingzhouwangzhan
  • qingzhouwangzhan
  • 2017年08月10日 15:45
  • 501

css的position-relative兼容问题与解决办法

   position:relative在css设计中有着居住轻重的作用,如果你还没有用过它那么真是巨大的遗憾,以前做过div title提示框的时候有个箭头定位问题,当时的解决办法就是多套用一层di...
  • netpet
  • netpet
  • 2010年01月22日 10:53
  • 15943

overflow:hidden同样会隐藏position:absolute的子元素

父元素中有overflow:hidden, 子元素absolute不能显示 .parent{ height:40px; width:200px; border:solid 1...
  • bclz_vs
  • bclz_vs
  • 2013年10月24日 17:40
  • 10030

ie8中 position:relative定义的层不能正常显示

无意打开IETester在IE8下测试了一个页面,突然发现一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。仔细看了一下,...
  • xjinza
  • xjinza
  • 2011年10月24日 09:46
  • 2209

绝对定位 position:absolute,相对定位 position:relative

《1》 当我们要使用绝对定位的时候,必须要有两个条件 1》必须给父元素加定位属性,一般建议使用 position:relative(即:给父元素设为相对定位); 2》给子元素,加绝对定位positio...
  • Fanbin168
  • Fanbin168
  • 2015年04月11日 00:53
  • 3804
    个人资料
    等级:
    访问量: 1093
    积分: 72
    排名: 156万+
    文章分类
    文章存档