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

FireFox浏览器和IE浏览器下CSS的兼容问题

Ext.grid.GridPanel单元格特殊设置

添加css样式的三种方法

css3中圆角和阴影的实验

兼容好的css透明代码

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

8个简单实用的CSS秘诀

ul里不能直接嵌套div(在ie7以前版本)

几个Reset CSS的八卦问题

CSS出现overflow的一些问题

精品推荐
分类导航