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

最新推荐文章于 2024-07-25 08:14:42 发布

WalterRutter

最新推荐文章于 2024-07-25 08:14:42 发布

阅读量445

点赞数

分类专栏： CSS 文章标签： ie css div

本文链接：https://blog.csdn.net/WalterRutter/article/details/4774640

版权

CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <mce:style></mce:style><style 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正常发挥作用。

WalterRutter

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
怪异模式下absolutely在IE6/7中的Bug

绝对定位的元素其偏移量是相对于 absolute或者relative元素的,如果父元素是static,则继续寻找父父的元素是否是absolute或者relative的,直到body为止示例里面父元素是static的,所以应该是相对于body定位的... <!-- *{ margin:0px; padding:0px; } #d30
复制链接

扫一扫

专栏目录