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
投稿
猜你喜欢
java连接mysql数据库详细步骤解析
2024-01-19 15:55:25
FFmpeg视频处理入门教程(新手必看)
2023-08-19 05:29:38
python flask几分钟实现web服务的例子
2023-05-21 13:04:58
SQLServer 2000 升级到 SQLServer 2008 性能之需要注意的地方之一
2012-02-25 19:44:26
python基础之共有操作
2021-01-29 23:42:18
详解thinkphp+redis+队列的实现代码
2024-05-11 10:08:34
基于RSA算法在asp中加密与解密对应的函数
2007-11-07 21:39:00
Python操作Excel的学习笔记
2022-04-02 16:43:29
Pytorch 如何加速Dataloader提升数据读取速度
2023-11-12 00:00:32
Python命令行参数解析工具 docopt 安装和应用过程详解
2022-01-15 05:31:05
python 解决微分方程的操作(数值解法)
2021-08-11 23:50:24
JavaScript Event学习第四章 传统的事件注册模型
2024-05-09 10:38:04
Oracle数据库部分迁至闪存存储的实现方法
2024-01-26 11:22:31
tensorflow使用range_input_producer多线程读取数据实例
2022-10-19 16:43:21
Ubuntu安装Go语言运行环境
2024-03-09 11:06:15
ASP经常用到的函数
2009-07-06 13:00:00
ASP与Excel结合生成数据表和Chart图的代码
2011-03-08 10:50:00
Vue中div contenteditable 的光标定位方法
2024-05-28 15:58:17
Python中print函数简单使用总结
2022-08-07 19:28:36
Python实现二叉树的最小深度的两种方法
2022-05-24 03:30:17