Difference between an absolute, relative and fixed positioning

I have seen many of the front-end developers always getting confused with these concepts and they end up trying every possibility that matches their scenario. Thus, I thought of describing all of these concepts one by one with proper figures.

First things first, I would like to start by describing some of the CSS properties before I jump into position…