In CSS, what is the difference between static (default) positioning and relative positioning?
Matthew Abbott has a really good answer.
Absolute and relative positioned items obey top, left, right and bottom commands (offsets) where static positioned items do not.
Relatively positioned items move offsets from where they would normally be in the html.
Absolute positioned items move offsets from the document or the next relatively positioned element up the DOM tree.