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

ie浏览器中 overflow:hidden无作用的解决方案

时间:2016-07-24 16:18:15      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:

原因:

overflow:hidden失效 
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。 
我在ie内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。 

方法:
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug 
我的办法:子元素设置绝对定位,父元素相对定位,这样overflow:hidden就不会失效了。

ie浏览器中 overflow:hidden无作用的解决方案

标签:

原文地址:http://www.cnblogs.com/momozjm/p/5700913.html

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