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

于 2009-07-13 18:01:45 发布 · 103 阅读

文章标签：

本文探讨了HTML中CSS定位属性的使用方法及其与溢出属性的关系。通过具体实例展示了当一个子元素设置为绝对定位时，其位置相对哪个元素进行偏移，以及父级元素的overflow属性如何影响子元素的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<!---->
<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,在标准模式下也正常

网名: 天堂左我往右