IE 7 position:relative bug

来源:互联网 发布:php培训系统教程下载 编辑:程序博客网 时间:2024/06/06 14:43
今天做项目遇到IE position:relative bug,找到一篇文章,随便翻译下,说明情况

<div id="container">
<div id="a"></div>
<div id="b"></div>
</div>

添加CSS:

#container {
height:100px;
border:1px solid blue;
overflow:auto;
}
#a {
height:200px;
background-color:lightblue;
float:left;
width:60px;
}
#b {
position:relative;
height:200px;
background-color:pink;
width:60x;
}

表现如下图,粉红色背景元素出现了溢出,不受容器的overflow:hidden控制。



解决方法是给设置position:relative元素的容器也设置一个position:relative属性。
转自:http://www.cnblogs.com/lyk831216/archive/2009/09/01/1558074.html

原创粉丝点击