怪异模式下 absolute 在IE6,7下的bug

lixinlixin2008

浏览: 154283 次
性别:
来自: 北京

最近访客更多访客>>

723499280

anrenady

sgamin1001

cusalt

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

CSS HTML

<!---->
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<style>
		*{
			margin:0px;
			padding:0px;
		}
		#d30{
			height:100px;
		}
		#d01{
			background:red;
			width:500px;
			height:500px;
			overflow:hidden;
			position:static;
		}
		#d01 #d02{
			background:yellow;
			width:200px;
			height:200px;
			position:absolute;
			top:100px;
		}
	</style>
</head>
<body>
	<div id="d30"></div>
	<div id="d01">
		<div id="d02"></div>
	</div>
</body>
</html>

可以看到d02的位置相对于父元素d01,而不是body,去掉d01的overflow:hidden;后正常,或者加dtd,在标准模式下也正常

网名: 天堂左我往右

分享到：

浏览器前进后退时表单状态的保持 | 获取页面高宽度

2009-07-13 18:01
浏览 1370
评论(3)
论坛回复 / 浏览 (3 / 3888)
分类:Web前端
查看更多

3 楼 zhouyrt 2009-07-14

学习了，还是尽量加doctype吧，标准模式下css正常发挥作用。

2 楼 lixinlixin2008 2009-07-14

jncz 写道

http://www.w3.org/TR/CSS2/visuren.html#absolute-positioning

In the absolute positioning model, a box is explicitly offset with respect to its containing block. It is removed from the normal flow entirely (it has no impact on later siblings).

意思是说，绝对定位的元素其偏移量是相对于其父元素的。所以不是body

绝对定位的元素其偏移量是相对于 absolute或者relative元素的,如果父元素是static,则继续寻找父父的元素是否是absolute或者relative的,直到body为止

示例里面父元素是static的,所以应该是相对于body定位的...

1 楼 jncz 2009-07-14

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论