haslayout,display,position:relative脚本显示隐藏问题
今天遇到个bug,搞不明白,只是找到了问题表象,不知道个中原因,也许还是跟hasLayout和position:relative有关吧……
具体是,当满足以下3种情况时:
1、当前容器有float、左右负margin、position:relative属性;
2、当前容器的父元素的父元素hasLayout;
3、由js控制父元素的父元素的display显示/隐藏;
在ie6、7有一些奇怪的问题(当前容器的位置在被display显示隐藏后会变),原因不明,大家避免吧……
结构:
<div><!--父容器-->
<div>
<p>内容</p><!--当前容器-->
</div>
</div>
具体是,当满足以下3种情况时:
1、当前容器有float、左右负margin、position:relative属性;
2、当前容器的父元素的父元素hasLayout;
3、由js控制父元素的父元素的display显示/隐藏;
在ie6、7有一些奇怪的问题(当前容器的位置在被display显示隐藏后会变),原因不明,大家避免吧……
结构:
<div><!--父容器-->
<div>
<p>内容</p><!--当前容器-->
</div>
</div>
标签: Web技术及应用




1 条评论:
时间 2009年4月7日 17:20 ,
匿名 说...
我碰到过这样子的,就是在最外面再套一层div就好了,可能是ie的bug吧,另我也费解了很长时间
发表评论
订阅 博文评论 [Atom]
<< 主页