# Easy explain on relative and absolute position in CSS/Ayha

**URL:** <https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795>\
**Category:** General\
**Created:** [August 14, 2018, 7:25pm UTC](https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795 "2018-08-14T19:25:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![AyahSalha](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ayahsalha/32/85990_2.png) [@AyahSalha](https://forum.freecodecamp.org/u/AyahSalha)\
**Post date:** [August 14, 2018, 7:25pm UTC](https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795/1 "2018-08-14T19:25:19Z")

</div>

Hi everyone, can someone explain to me in easy way what is the main difference between relative and absolute position for elements in CSS

thanks guys : slight\_smile:

---

<div class="post-metadata">

**Author:** ![addisonday](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/addisonday/32/67597_2.png) [@addisonday](https://forum.freecodecamp.org/u/addisonday)\
**Post date:** [August 14, 2018, 7:32pm UTC](https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795/2 "2018-08-14T19:32:36Z")

</div>

I thought this SO answer was quite good. It’s the answer with 113 upvotes.

> <https://stackoverflow.com/questions/2941189/how-to-overlay-one-div-over-another-div>

---

<div class="post-metadata">

**Author:** ![shimphillip](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shimphillip/32/158663_2.png) [@shimphillip](https://forum.freecodecamp.org/u/shimphillip)\
**Post date:** [August 14, 2018, 7:35pm UTC](https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795/3 "2018-08-14T19:35:07Z")

</div>

This article is pretty good.

> **[position | CSS-Tricks](https://css-tricks.com/almanac/properties/p/position/)**
>
> The position property can help you manipulate the location of an element, for example: .element { position: relative; top: 20px; } Relative to its

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:17pm UTC](https://forum.freecodecamp.org/t/easy-explain-on-relative-and-absolute-position-in-css-ayha/217795/4 "2021-01-17T20:17:32Z")

</div>