IE6 bug: 消失的绝对定位元素
来源:asp之家 时间:2009-12-04 12:11:00
此BUG最初是在《前端观察》网站刊登,这里再描述一下,代码如下:
<style>
*{ padding:0; margin:0;}
.content{width:600px;}
.abs{position:absolute; left:0; top:0; width:600px; height:120px; background:#1f3a87; }
.main{float:left; width:300px; height:200px; background:#f3f3f3; }
.sub{float:left;width:300px; height:200px; background:#bc2931;}
</style>
<div class=”content”>
<div class=”abs”>
abs
</div>
<div class=”main”>
main
</div>
<div class=”sub”>
sub
</div>
</div>
以上代码在IE6下浏览会发现,绝对定位元素不见了。
产生原因不明,当满足以下条件之一可解决:
1、main + sub + 2 < content(各元素的宽度);
2、在main元素之前加一个空的<div></div>,如…<div></div><div class=”main”>…;
3、给abs元素再嵌套一个div元素,如<div><div class=”abs”>abs</div></div>
标签:ie6,bug,绝对定位
0
投稿
猜你喜欢
表单验证中时间起止判断的递归处理
2009-12-16 19:27:00
3个常用的JS时间代码
2009-03-22 15:29:00
如何对Mysql 数据表压缩
2010-11-25 17:21:00
Windows Server 2008之数据安全保护
2008-12-04 12:49:00
你的网站使用了微格式了么
2009-05-21 12:10:00
asp 防盗链代码(彻底屏蔽迅雷,旋风,快车下载站内资源)
2011-02-26 10:46:00
JScript 运算符
2007-08-22 16:22:00
讲解无法打开用户默认数据库的解决方法
2008-12-05 15:55:00
SQL Server中使用DTS设计器进行数据转移
2009-01-08 16:15:00
asp下用fso和ado.stream写xml文件的方法
2011-04-07 10:55:00
JS代码的格式化和压缩
2007-10-17 21:17:00
这些CSS Selector,你都熟悉吗?
2008-12-21 16:30:00
Oracle9i数据库异常关闭后的启动
2010-07-21 12:46:00
js验证表单(form)中的单选(radio)值
2008-03-18 13:23:00
根据选择的checkbox列出选择的值
2008-07-30 12:56:00
MYSQL教程:服务器优化和硬件优化
2009-02-27 15:43:00
网页新窗口打开好不好,数据说话
2008-05-31 17:01:00
CSS3的五个使用技巧[译]
2009-02-19 13:01:00
对于任意的XML的遍历
2008-09-05 17:11:00
sql查询点滴记录
2012-01-05 19:07:49