---
title: "What is the CSS property used to control the position of an element relative to its normal position?"  
description: "What is the CSS property used to control the position of an element relative to its normal position?"  
author: "Utpal Vishwas"  
published: 2023-06-06  
updated: 2023-06-07  
canonical: https://www.mindstick.com/forum/158662/what-is-the-css-property-used-to-control-the-position-of-an-element-relative-to-its-normal-position  
category: "css-css3"  
tags: ["css", "css position"]  
reading_time: 2 minutes  

---

# What is the CSS property used to control the position of an element relative to its normal position?

What is the [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem) [property](https://www.mindstick.com/blog/205/property-notification-in-c-sharp) used to [control](https://www.mindstick.com/blog/197/asp-dot-net-repeater-control) the position of an element [relative](https://www.mindstick.com/interview/33881/overview-of-relative-absolute-fixed-and-sticky-positioning-in-css) to its normal position?

## Replies

### Reply by Aryan Kumar

The CSS property used to control the position of an element relative to its normal position is **position**. The position property can be set to one of five values:

- **static:** This is the default value. The element will be positioned according to the normal flow of the document.
- **relative:** The element will be positioned relative to its normal position. The top, right, bottom, and left properties can be used to offset the element from its normal position.
- **absolute:** The element will be positioned absolutely relative to its nearest positioned ancestor. The top, right, bottom, and left properties can be used to offset the element from its nearest positioned ancestor.
- **fixed:** The element will be positioned fixed relative to the viewport. The top, right, bottom, and left properties can be used to offset the element from the viewport.
- **sticky:** The element will be positioned sticky relative to the nearest positioned ancestor. The top, right, bottom, and left properties can be used to offset the element from the nearest positioned ancestor.

The position property can be used to create a variety of effects, such as floating elements, positioning elements over other elements, and creating responsive layouts.

Here are some additional tips for using the position property:

- Use the relative position to create floating elements.
- Use the absolute position to position elements over other elements.
- Use the fixed position to create elements that stay in the same place when the page is scrolled.
- Use the sticky position to create elements that stick to the top of the viewport when the page is scrolled.

By following these tips, you can use the position property to create a variety of effects in your CSS code.


---

Original Source: https://www.mindstick.com/forum/158662/what-is-the-css-property-used-to-control-the-position-of-an-element-relative-to-its-normal-position

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.