码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-12-27 22:15:15      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:元素   解决方法   总结   pos   超出   问题   使用   tag   兼容   

css兼容ie7:

做页面的时候用负边距居中的时候在IE7下面,父节点中的overflow:hiden失效的问题,查阅了一些资料,总结一下解决方法。

问题原因:

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

解决方法:

我们在IE7内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。

解决这个bug很简单,在父元素中使用position:relative;即可解决该bug,就是用到overflow的父节点中增加相对定位即可。

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

标签:元素   解决方法   总结   pos   超出   问题   使用   tag   兼容   

原文地址:http://www.cnblogs.com/wensheng9527/p/6227440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!