ie7 relative问题:父元素使用relative,子元素使用absolute,子元素高度大于父级高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ie7 relative问题:父元素使用relative,子元素使用absolute,子元素高度大于父级高度相关的知识,希望对你有一定的参考价值。

ie7 relative问题:父元素使用relative,子元素使用absolute,子元素高度大于父级高度,问题出现了,在ie7下父级被子元素高度撑开了,ie8,FF正常。怎么解决ie 7下的这个问题?求解!谢谢!

初步猜测,如果你的结构是:
<ul>
<li style="position:relative;">
<div style="position:absolute;">position:absolute;</div>
</li>
</ul>
那么,在ie7下会出现撑开父级的情况,原因是因为ie7下不支持<li>中嵌套<div>,我以前也遇见过这种问题。如果你是这种情况的话把<div>换掉就行了。
参考技术A 父元素加上overflow:hidden;试下

以上是关于ie7 relative问题:父元素使用relative,子元素使用absolute,子元素高度大于父级高度的主要内容,如果未能解决你的问题,请参考以下文章

ie7下z-index失效问题解决方法

在ie7中overflow:hidden失效问题及解决方案

js学习笔记16----父节点的操作

css hack

对于position:relative,absolute,fixed的见解:

DIV父容器使用了relative后,其子元素flash就被挡住了。怎么办