怪异模式下absolutely在IE6/7中的Bug

来源：互联网发布：理财返利平台源码编辑：程序博客网时间：2024/06/05 04:22

绝对定位的元素其偏移量是相对于 absolute或者relative元素的,如果父元素是static,则继续寻找父父的元素是否是absolute或者relative的,直到body为止
示例里面父元素是static的,所以应该是相对于body定位的...

<html xmlns="http://www.w3.org/1999/xhtml"><head><mce:style></mce:style><mce:style mce_bogus="1"></mce:style><style mce_bogus="1" mce_bogus="1">*{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,在标准模式下也正常！

建议大家尽量加doctype，标准模式下css正常发挥作用。