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
- IE 7 position:relative bug
- ie6 bug- position:relative
- IE6,7局部滚动条中元素position:relative或绝对定位滚动无效BUG
- position:relative
- position:relative
- 关于ie 下css div position:relative;定位失效
- position:relative 与position:absolute
- position: absolute、relative
- position absolute,relative 定位
- position属性:absolute&relative
- css中的position:relative
- 关于position中的relative
- Position定位:relative | absolute
- position absolute和relative
- Position定位:relative | absolute
- css position: absolute relative
- Position定位:relative | absolute
- position(relative和absolute)
- 黑马程序员之反射与内省
- Table中单元格的移动
- /etc/fstab文件详解
- 一个简单的C#多线程间同步的例子
- org.apache.commons.fileupload.FileItemFactory-api
- IE 7 position:relative bug
- Symbols Introduction
- android image level的妙用
- html中的背景图片不能充满整个浏览器
- 出来炸到呵呵,csdn`
- 本年度唯一的加班机会给丢失了
- 链接器的使用
- WP7的未来
- Android自动测试之Monkey工具