Css教程:FireFox正常IE错位的绝对定位元素


IE 一如既往地带来问题。真的,我觉得 IE 坚持自己的一套无所谓,不支持或者不完全支持标准也无所谓。但是,IE6 IE7 IE8 这三个版本都有各自不同的表现,实在是太让人难受了。

前两天碰到了这个奇怪的问题:

绝对定位的元素,紧邻着两个浮动元素。Firefox 中一切正常,IE6 中绝对定位元素消失了。

解决方法:只要别让绝对定位元素紧邻浮动元素就可以了。比如可以在绝对定位元素后面加个空元素。当然,这个空元素是毫无意义的,但是,在 IE 面前,又能怎么样呢?

经过实验,我发现,只要浮动元素的宽度不填满父元素,绝对定位元素就能正常显示,一旦浮动元素的宽度填满父元素,绝对定位元素就会消失。而且,看来,父元素宽度是这种情况发生的临界点。

另外,这个 demo 里面也存在 IE6 的另一个经典 bug : 由注释产生的表现不同。(唉,bug 都成经典了,IE 无敌啊。

请看上面的图中,上面那块,就是有注释的,下面那块是去掉注释的,可以明显的看到底部的白色空白高度是不同的。

看具体演示效果:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



相关阅读:
从DB2数据表和视图查询数据
mysql 编码设置命令
如何利用php+mysql保存和输出文件
JXTree对象,读取外部xml文件数据,生成树的函数
关于tbody的用法
关于文本留言本的分页代码
使用PHP维护文件系统
Linux下如何安装phpmyadmin
javascript控制frame,iframe的src属性代码
访问和更改关系数据,使用MSSQL外联接
XP SP2升级到SP3因“磁盘空间不足”导致安装失败
PHP/MySQL三日通(3)
SQL 研究- Common Table Expression
使用VBScript 中的类组织开发
快速导航

Copyright © 2016 phpStudy |