前端设计

当前位置/ 首页/ 前端设计/ 正文

css bug如何解决IE7及更早浏览器下子元素相对定位时父元素overflow属性的auto|hidden


  如何解决IE7及更早浏览器下子元素相对定位时父元素overflow属性的auto|hidden失效的问题?

  BUG重现:

  div{overflow:auto;width:260px;height:80px;border:1px solid #ddd;}

  p{position:relative;margin:0;}

<div>
<p>如果我是相对定位,我的父元素overflow属性设置为auto|hidden将失效。如果你使用的是IE及更早浏览器,你将可以看到这个BUG</p>
<p>如果我是相对定位,我的父元素overflow属性设置为auto|hidden将失效。如果你使用的是IE及更早浏览器,你将可以看到这个BUG</p>
</div>

  如上代码,在IE7及更早浏览器下你会看到div的滚动条将无法工作。解决方案是给div也设置相对定位position:relative

相关热词搜索:css bug 浏览器 ie

分享到:

我要评论

微信订阅

打开微信,点击底部的“通讯录”,点击右上角的 “添加” 搜号码 andk_in 或查找公众号 莎龙 即可。