JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ancestor">
    <table>
        <tr>
            <td>
                <div>
                    <div class="descendant"></div>
                </div>
            </td>
        </tr>
    </table>
</div>

CSS

.ancestor {
    position : relative;
    width    : 300px;
    height   : 300px;
}
td {
    position : relative;
    width    : 100px;
    height   : 100px;
}
.descendant {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
}