JSFiddle - React, Tailwind, and code Playground

HTML

test outside
<div class="fixed">
  test fixed
  <div class="absolute">
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
  </div>
</div>

CSS

.fixed {
  position: fixed;
  bottom: 0;
  text-align: right;
  height: 50vh;
  width: 90%;
}

.absolute {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden visible;
  padding: 15px;
  text-align: left;
}