CSS Position by quipoin

In CSS, we can control the position of an element within a web page using the position property.
The position property can take one of several values, each of which determines how an element is positioned relative to its normal position in the document flow.
CSS positioning:

CSS Static Positioning
CSS Fixed Positioning
CSS Relative Positioning
CSS Absolute Positioning
CSS Static Positioning:

This is the default position value. Elements with position: static are placed in the normal document flow, and their positioning is not affected by the other positioning properties (top, right, bottom, left, and z-index). It's not necessary to explicitly set position: static, as it's the default behavior.
CSS Fixed Positioning:

Elements with position: fixed are positioned relative to the viewport (the browser window) and do not move as the user scrolls. Like absolute, you can use the top, right, bottom, and left properties to set the position of a fixed element.