La position relative permet de positionner un élément par rapport à son emplacement d'origine.

L'élément réserve sa place dans le cours normal de la page.

<div class="element">1</div>
<div class="relative-element">2</div>
<div class="element">3</div>
.relative-element { 
  position: relative;
  top: -30px;
  left: 50px;
}

positions_relative_1.png

<aside> ⬅️ Position fixed

</aside>

<aside> ➡️ Position absolute

</aside>