Position property in CSS defines how an element is placed on a web page. (top, bottom, left, and right)
5 types of position
static- default behaviour offsets(top/left) do not work.
relative- It owns the original position and move your position where it used to be.
absolute- It checks the parent class if it is non- static it works accordingly.
fixed- An element with position: fixed; is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. (eg: E-commerce website of header, footer)
sticky- behaves like normal element until the user reach the specific point. It sticks and acts like it is fixed(only within its parent container).
Top comments (0)