The `position` property in CSS
The `position` property in CSS is used to specify the positioning type of an element. There are four main positioning types: 1. `position: static;` This is the default value. Elements with `position: static;` are positioned according to the normal flow of the document. The `top`, `right`, `bottom`, `left`, and `z-index` properties have no effect on statically positioned elements. 2. `position: relative;` Elements with `position: relative;` are positioned relative to their normal position in the document flow. When you use `position: relative;`, you can move the element from its normal position using the offset properties (`top`, `right`, `bottom`, `left`). However, it will still occupy space in the document flow, and nearby elements will behave as if the element has not been moved. 3. ' position: absolute; ' Elements with `position: absolute;` are positioned relative to their nearest positioned ancestor (an ancestor element with a position other than `static`). If there