手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中position:relative和overflow:hidden之间的问题
css中position:relative和overflow:hidden之间的问题
摘要:今天在做网页的时候发现一个问题,在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relativ...

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

<div>

<div></div>

</div>

效果如下图:

css中position:relative和overflow:hidden之间的问题1

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

<div>

<div></div>

</div>

效果如图所示:

css中position:relative和overflow:hidden之间的问题2

效果如上图正常显示。

【css中position:relative和overflow:hidden之间的问题】相关文章:

8个简单实用的CSS秘诀

区分IE6,IE7和firefox的CSS hack

3款漂亮的CSS3 Loading动画实例教程

css中em px 区别你真的了解吗

css布局中的居中问题

酷酷的变色菜单

Div+CSS布局入门

div和span、relative和absolute、display和visibility区别

css设置body背景图片随内容增加多少

css中style和class的加载顺序示例介绍

精品推荐
分类导航