About the definition of absolute and relative positioning

Absolute's English meaning is absolute meaning, is actually targeting the parent element element, if the parent element is not Position:relative|absolute, then chase to the previous parent element, until relative to the upper left corner of the document, according to our understanding of the Chinese concept, This is actually relative positioning and is out of the flow of the document. Using the Abolute property, the original float property will fail;
Relative's English meaning is a relative meaning, and is actually positioned relative to the object's current position. and is not out of the flow of the document, even if the top, lef, bottom, right or margin to move its position, it will be in the original document flow to occupy their actual size of a position.
To be blunt, absolute is positioned relative to the parent object, and relative is positioned relative to the current position! It's so simple.

About the definition of absolute and relative positioning