                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /如何實現“新手引導”效果

為什么.stepA不用設置position:relative;關閉和下一步的div可以相對于它絕對定位？

PuddingKing

2015-10-30

源自：如何實現“新手引導”效果 4-1

關注問題我要回答

1124

操作

收起

3 回答

慕虎4773338
2017-09-23

絕對定位的元素的位置相對于距離它最近的那個【已定位】的【祖先】元素確定的。題主說的，stepA 沒有進行相對定位，也就是最近的這個【祖先】并沒有進行定位，那這個時候，進行絕對定位的元素的位置是相對于初始包含塊的（也就是 div#searchTip，如果說這個div也沒定位，就繼續往“上”找【已定位】的【祖先】，我是這樣理解的）。

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

收起回答

JohnDoe4290627
2017-03-04

只要父元素設置了position（不管是absolute還是relative），子元素的position都是以父元素來定位的。至于為什么這里的父元素不設置relative，因為雖然設置了relative脫離了文本流，但該元素在文本流中的位置依然存在，而設置了absolute，脫離了文本流，該元素在文本流中的位置不存在。