JSFiddle - React, Tailwind, and code Playground

HTML

<div class="thisisrelative">
    <div class="thisisabsolute">This is absolute</div>
</div>

<!-- This div is fixed and it has no relation with element on the page whatsoever and will scroll along the document -->

CSS

.thisisrelative {
    position: relative;
    height: 5000px;
    width: 300px;
    border: 1px solid #f00;
    margin: 50px;
}

.thisisabsolute {
    position: fixed;
    top: 0;
    left: 0;
}