CSS Position

CSS position & helper properties

CSS is how we determine the layout and design of a webpage. The CSS position is how we position each element in a document. This property is a single keyword, and we attach a value to it to set the specific position of an element.

There are five main values for the position property:

	•	static
	•	relative
	•	absolute
	•	fixed
	•	sticky

First, we set the position property. Then, the coordinates of an element is positioned using helper properties:

	•	top
	•	bottom
	•	left
	•	right
	•	z-index