JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height: auto">
  <div style="height: 100%">
    <div style="position: absolute; height: inherit; width: 100%;">
      <b>You shouldn't see any red on this page</b>
    </div>
  </div>
</div>

CSS

* { margin: 0; padding: 0; }
html { background: red}
div>div>div { background: lime; }