JSFiddle - React, Tailwind, and code Playground

HTML

<div class="elemento-pai">
    <div class="elemento-filho">Eu empurro meu pai junto</div>
</div>
<div class="elemento-pai right">
    <div class="elemento-filho fix">Eu não, sou um filho educado.</div>
</div>

CSS

div {
    width:200px;
    background:rgba(255, 0, 0, 0.3);
}
.right {
    position:absolute;
    right:10px;
    top:10px;
}
.elemento-pai {
}
.elemento-filho {
    margin-top:50px;
    height:200px;
}
/* a solução */
 .fix {
    overflow:auto;
}