The positioning properties can change how and where elements are displayed. They enable very precise control over the web page layout.
Elements can be positioned in four different ways using the position property. An element with the position property set to anything but static is known as a positioned element.
position : static | relative | absolute | fixed
A positioned element can be moved with the top, left, right, and bottom properties, which can be used to position elements anywhere on the page and also to resize them horizontally and vertically. They allow both positive and negative length and percentage values, ...