JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<table>
    <tr>
        <td class="header">lorem</td>
    </tr>
    <tr>
        <td class="main"><div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima distinctio illo accusantium unde adipisci accusamus officiis iure obcaecati! Consectetur earum similique nemo neque cupiditate nobis tempore quae architecto possimus dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis adipisci doloremque maxime nam maiores culpa autem. Magni ipsa enim velit provident asperiores fugiat esse voluptatem minus laudantium inventore alias quisquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ex temporibus voluptatibus quaerat veritatis unde alias assumenda maiores nulla fugiat ratione consectetur beatae enim architecto excepturi harum eum nesciunt totam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque molestias distinctio eligendi perferendis maxime ut adipisci veniam sed quod aperiam pariatur nam ex atque! Pariatur tempora quaerat tenetur q Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima distinctio illo accusantium unde adipisci accusamus officiis iure obcaecati! Consectetur earum similique nemo neque cupiditate nobis tempore quae architecto possimus dolore Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis adipisci doloremque maxime nam maiores culpa autem. Magni ipsa enim velit provident asperiores fugiat esse voluptatem minus laudantium inventore alias quisquam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure ex temporibus voluptatibus quaerat veritatis unde alias assumenda maiores nulla fugiat ratione consectetur beatae enim architecto excepturi harum eum nesciunt totam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque molestias distinctio eligendi perferendis maxime ut adipisci veniam sed quod aperiam pariatur nam ex atque! Pariatur tempora quaerat tenetur quae veniam</div></td>
    </tr>
</table>

CSS

html,body{
    height: 100%;
}

table{
    border: 1px solid #000;
    height: 100%;
    width: 100%;
    border-spacing: 0;
}

.header{
    background: blue;
    height: 1px;
}

.main{
    background: red;
}

div{
    height: 100%;
    background: green;
    overflow-y: scroll;
}