问题产生原因:

当父元素的直接子元素或者下级子元素的样式拥有position:relative或者position:absolute属性时，父元素的overflow:hidden属性就会失效。

例如：

在chrome下显示如下：

由于我的系统是win7，没有装IE6、7，不过IE有一个开发者工具，按F12。

这样我们刷新浏览器看看。

父元素的over:hidden;并没有启作用。

 

解决方案:

给父元素加上position:relative或者position:absolute就可解决。

IE6、7下，overflow:hidden所在容器必须固定高度，宽度。

这样父元素的overflow就启作用了。