JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table>
        <tr>
            <td>td1</td>
        </tr>
    </table>
</div>

CSS

body {
  margin: 0;  
  display: flex;
  flex-direction: column;
  height: 100vh;
}
div {
  outline-offset: -1px;
  outline: thin solid red;
  
  flex: 1;
}
table {
  outline-offset: -2px;
  outline: 1px solid blue;
  
  height: 100%;
}