JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr id="top">
            <td>yaba daba</td>
        </tr>
        
        <tr id="body">
            <td>
                <div id="absolute"></div>
            </td>
        </tr>
        
        <tr id="footer">
            <td>Footer</td>
        </tr>
    </tbody>
</table>

CSS

table {
    width: 100%
}

table tr#top td {
    height: 50px;
    border-bottom: 1px solid #ccc
}

table tr#body td {
    position: relative;
    height: 200px;
    border-bottom: 1px solid #ccc
}

table tr#body td div#absolute {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left:0;
    background: yellow;
}