                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /如何实现“新手引导”效果

为什么.stepA不用设置position:relative;关闭和下一步的div可以相对于它绝对定位？

PuddingKing

2015-10-30

源自：如何实现“新手引导”效果 4-1

关注问题我要回答

1089

操作

收起

3 回答

慕虎4773338
2017-09-23

绝对定位的元素的位置相对于距离它最近的那个【已定位】的【祖先】元素确定的。题主说的，stepA 没有进行相对定位，也就是最近的这个【祖先】并没有进行定位，那这个时候，进行绝对定位的元素的位置是相对于初始包含块的（也就是 div#searchTip，如果说这个div也没定位，就继续往“上”找【已定位】的【祖先】，我是这样理解的）。

1 回复有任何疑惑可以回复我~

收起回答

JohnDoe4290627
2017-03-04

只要父元素设置了position（不管是absolute还是relative），子元素的position都是以父元素来定位的。至于为什么这里的父元素不设置relative，因为虽然设置了relative脱离了文本流，但该元素在文本流中的位置依然存在，而设置了absolute，脱离了文本流，该元素在文本流中的位置不存在。