在 ie7浏览器下 overflow:hidden 不起作用

在检查页面的时候发现了一个问题，在ie7下overflow:hidden不起作用。偶记得当初没添加数据和js脚本之前页面是没兼容的呢，怎么加上脚本之后就出问题了呢？难道是js数据问题？顿时我把所有数据都删掉了，但是...没有任何变化。

        查阅各种资料后，总结下：

        问题表面形式：在ie7内子元素会超出父级元素设定的高度，即使父级元素设置了overflow:hidden和height属性。​

                   

                ie7下显示                                                正确显示

出现问题的原因：当​（父级）元素的直接子集（儿子辈的）或者子集中的子集元素（孙子、曾孙.......）的样式中有position:relative属性时，（父级）元素的overflow:hidden属性就会失效。

        解决办法：​在父级元素有overflow的节点中加position:relative相对定位即可。

至于为什么子集有相对定位父级不加相对定位overflow就不起作用，还在研究中。如果哪位大神能指点迷津就更好哈O(∩_∩)O