Position properties in CSS
Position is an essential CSS property for control the positioning of layout elements.
All the HTML elements are always positioned to the normal flow of web page. Simply we can tell like default position.
An element with relative CSS property is always positioned relative to its normal (existing) position.
An element with absolute CSS property is always positioned relative to its parent element which has relative property.
If no parent element which has position property, it is always positioned relative to the document body. When page is scrolled, absolute element will move along with page scrolling.
An element with fixed CSS property is always positioned relative to the viewport, it means it stays in the same position even if the page is scrolled.