css中position:relative和overflow:hidden之间的问题_ Div+Css教程-查字典教程网
css中position:relative和overflow:hidden之间的问题
css中position:relative和overflow:hidden之间的问题
发布时间:2017-01-07 来源:查字典编辑
摘要:今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relativ...

今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relative的时候,在IE6和IE7中父元素的overflow对其将不起作用,在IE8、FF,Chrome中均正常显示如下代码:

<div>

<div></div>

</div>

效果如下图:

解决方案:将父标签的position也设置成relative,代码如下:

<div>

<div></div>

</div>

效果如图所示:

效果如上图正常显示。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新 Div+Css教程学习
    热门 Div+Css教程学习
    网页设计子分类