This property Allows us to give to a position to an element! we can place an element where we want it by giving it left, right, top and bottom property! note : but the element should have position Values! Let’s talk about Position Values.
Static :Well HTML elements have static position by default. Elements with static position is always placed to normal flow of web page Example:
Relative: Elements which have position:’relative’ is positioned relative to its normal position. Exp: as you can see below there are 2 divs in a container if we give ‘relative’ left: 140px ;value to its position to box1 it will move the element 140px away from normal position.
Note: If value of top/left/right/bottom is positive, element will go away from normal position, and toward to normal position, if negative!
Absolute: The element which have position: ‘absolute’ removed from the normal document flow, and no space is created for the element in the page layout. It is positioned relative to its closest positioned ancestor.
