@Thierry Koblentz - I appreciate the follow up and passion that you are bringing to this discussion. Where you say:
The offset is in relation to the position of the element itself (in the normal flow). In other words, top:20px is 20px away from its original position. It has nothing to do with its parent nor with the document.
You are correct and I don’t believe that I’m contradicting you in this article. What I’m trying to get at by referencing the parent element is for example:
If a parent element is sitting in the middle of the page and a child element is offset from that, then it will be offset from the middle of the page since it’s parent is sitting there.
Yes, it is it’s original position as you state above, I was emphasizing the parent as a way to say if the parent is in a particular place on the page, relatively or absolutely positioned, you can position off of that placed element with a child element. I hope that makes sense. I do believe that we are getting at the same thing here.
@DrLangbhani - I really enjoyed your “ghost” analogy - that’s a great example. Hopefully my reply above to Thierry makes sense to you as well.
@beninteractive - I’m glad that it could get you a few steps closer to mastering!