Say you have an element, like a navigation bar. If you position it with a fixed position on your webpage, it will stay in the same place on your broswer page, regardless of where you scroll.
Elements with a fixed position can overlap other elements on a browser page, creating layers on your webpage.
Click here for more information.
When an element has a relative position, that means that it is positioned somewhere relative to its original position in the normal flow dictated by the html. CSS allows us to set the relative position to the original position.
Unlike fixed positioning, which allows overlap of elements on a browser page, relative positioning allows to manipulate elements so that they are all positioned relative to each other in a block.
Click here for more information.
An element with absolute positioning is an element that is relative to a parent element that does not have static positioning. This position will essentially allow you to put an element anywhere on the browse page relative to a parent element.
Absolute positioning also allows overlap with other elements on the browse page.
Click here for more information.