JSFiddle - React, Tailwind, and code Playground

HTML

<!--
questa DIV non ha position:relative
Le coordinate degli elementi con posizionamento assoluto al suo interno
sono calcolate dall'angolo in alto a sinistra della pagina
 -->
<div>parent1
    <span style="position:absolute; left:10px; top: 10px; background-color:red">child1</span>
</div>

<!--
questa DIV invece ha position:relative
Le coordinate saranno calcolate dal SUO angolo in alto a sinistra.
Posizionare precisamente i suoi discendenti sarà più facile
 -->
<div style="position:relative;">parent2
    <span style="position:absolute; left:10px; top: 10px; background-color:red">child2</span>
</div>

CSS

body {padding:100px;}
div {border: 1px solid #ccc; width:100px; height:100px; display:inline-block; margin:10px;}