Position in CSS

Question

till today I don't understand position property in CSS ,Like where we use relative, absolute,fixed,etc. Can anyone help me to get that ??

Answer 1

Fixed : it will fix the element in it's own position. It will not be effected by scroll of the screen

Relative : it will make the element movable but in perspective of its original position

Absolut : it will move element movable but in the perspective of its container

Answer 2

I fiund this Youtube video quite helpful🙃
https://youtu.be/jx5jmI0UlXU