JSFiddle - React, Tailwind, and code Playground

HTML

<div class="relative">
    <p>Заполнятор</p>
    <p>Рыба</p>
    <p>Lorem Ipsum как бы</p>
    <p>Заполнятор</p>
    <p>Рыба</p>
    <p>Lorem Ipsum как бы</p>
    <p>Заполнятор</p>
    <p>Рыба</p>
    <p>Lorem Ipsum как бы</p>
    <p>Заполнятор</p>
    <p>Рыба</p>
    <p>Lorem Ipsum как бы</p>
    
    <table>
        <tbody>
            <tr>
                <td>Йа табличко</td>
            </tr>
        </tbody>
    </table>
    
    <div>А йа дифчег</div>
    
</div>

CSS

.relative {
    position: relative;
    background: #ccc;
    margin: 30px 25%;
}

.relative table, .relative div {
    position: absolute;
    top: 0;
    right: 5px;
    width: 50%;
    height: 20%;
    background: #f88;
    border: #f00 solid 1px;
}

.relative div{
    top: 25%;
    background: #8f8;
    border: #0f0 solid 1px;
}