原文地址:http://www.xin126.cn/show.asp?id=2624
在用css布局的时候,用IE浏览器(ie6、ie7、ie8)预览,有时候会出现内层元素(内部DIV、图片等)超出外层div的现象,中国网页设计站长找到解决方法,希望对遇到类似问题的设计师有所帮助:
页面布局错乱产生原因:
当父元素的内部元素(直接子元素或者下级子元素)的样式拥有position:relative属性时,父元素的overflow:hidden属性会失效,出现子元素会超出父元素设定的高度的情况。
解决办法:
解决这个bug很简单,在外层div上面加上position:relative就解决了。