position property

The position property get out an element of the flow HTML

1. static: Default value. Elements render in order, as they appear in the document flow
2. absolute: The element is positioned relative to its first positioned (not static) ancestor element
3. fixed: The element is positioned relative to the browser window
4. relative: The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position
5. sticky: The element is positioned based on the user's scroll position A sticky element toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). Note: Not supported in IE/Edge 15 or earlier. Supported in Safari from version 6.1 with a -webkit- prefix.
6. initial: Sets this property to its default value. Read about initial
7. inherit: Inherits this property from its parent element. Read about inherit