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;
}

<aside> ⬅️ Position fixed
</aside>
<aside> ➡️ Position absolute
</aside>