IE浏览器中overflow:hidden无效,内层元素超出外层div的解决方法

时间:2022-02-25 20:24:38

原文地址:http://www.xin126.cn/show.asp?id=2624

在用css布局的时候,用IE浏览器(ie6、ie7、ie8)预览,有时候会出现内层元素(内部DIV、图片等)超出外层div的现象,中国网页设计站长找到解决方法,希望对遇到类似问题的设计师有所帮助:

页面布局错乱产生原因:

当父元素的内部元素(直接子元素或者下级子元素)的样式拥有position:relative属性时,父元素的overflow:hidden属性会失效,出现子元素会超出父元素设定的高度的情况。

解决办法:

解决这个bug很简单,在外层div上面加上position:relative就解决了。