JSFiddle - React, Tailwind, and code Playground

by adil_invideo

HTML

<div class="parent">
<div class="child" id="child">

</div>
</div>

CSS

.parent{
  width: 400px;
  height: 400px;
  position: relative;
  background: red;
}

.child{
  position: absolute;
  width: 50px;
  height: 50px;
  background: blue;
}

JavaScript

const child = document.getElementById('child');

console.log(child.offsetTop);