Position HTML Elements – CSS

There are 4 positioning values for CSS position property.

1. Static
2. Relative
3. Fixed
4. Absolute

Static

This is default position for all HTML Elements. HTML elements are positioned as the default flow of webpage, No top, left, bottom properties are applied to static html elements.

Relative

HTML elements having relative position has no effect until top, bottom, left or right is set.

Absolute

This property removes the html elements from the document normal flow & element is placed
relative to the document body. To position an absolute html element top, right, bottom & left needs to be specified,

Fixed

HTML element are fixed and do not move while page scrolling.