In CSS, there are a couple positioning modes, but the more important ones to talk about currently are Normal Flow and Absolute Positioning.
Relative Positioning is the default positioning of HTML; the elements are simply laid out according to their order in the HTML code, and are relative to their parent elements. In simpler terms, elements where are in relative positioning are referred to as being “in flow”.
Absolute Positioning on the other hand takes out the element from the normal flow, and thus are termed as “out of flow” elements. They also have no impact on surrounding elements, and might actually overlap some of them. To move elements who are in absolute position, you can use the “top”, “bottom”, “left”, and “right” properties to offset the element. Doing so will have it move from its relatively positioned container.