手机
当前位置:查字典教程网 >网页设计 > 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之间的问题】相关文章:

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

CSS出现overflow的一些问题

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

8个简单实用的CSS秘诀

CSS3文本换行word-wrap解决英文文本超过固定宽度不换行

几个Reset CSS的八卦问题

ie placeholder属性的兼容性问题解决方法

CSS导航菜单制作教程

酷酷的变色菜单

span div p 之间的不同区别

精品推荐
分类导航