JSFiddle - React, Tailwind, and code Playground

by Alberto Naperi Jr.

HTML

<div id='a'>
    <div id='b'>Eu laoreet eros. Enim imperdiet amet. Metus libero amet. Velit ac nunc. Vel integer a. Mauris arcu arcu pellentesque nonummy elit.</div>
</div>
<br />
<div id='a'>
    <div id='b'>Eu laoreet eros. Enim imperdiet amet. Metus libero amet. Velit ac nunc. Vel integer a. Mauris arcu arcu pellentesque nonummy elit. Tempus lobortis id quam donec at. Metus et eros. Nulla adipiscing lacus. Etiam in vestibulum lorem risus consequat tellus etiam blandit tincidunt odio voluptas. Mollis lorem eveniet. Sem dictum ipsum. Vivamus elit do urna nulla pulvinar imperdiet mi ut. Maecenas est vestibulum. Ipsum vel wisi curabitur sed turpis cursus eu eget. Quis tincidunt tortor fermentum scelerisque sit consectetuer morbi ipsum vestibulum eros luctus. Aliquet eleifend tempus. In ante pulvinar. Diam curabitur dui etiam malesuada consectetuer porttitor facilisis scelerisque in at tristique. Ac neque lorem dolor posuere in iaculis justo augue. Per ut odio justo potenti ac ipsum odio donec. Id nibh lacus. Nam habitasse arcu varius feugiat felis volutpat suspendisse volutpat elementum imperdiet incidunt. Non mollis lorem nulla laoreet suspendisse. Ut eros cursus tincidunt imperdiet vulputate turpis lectus sit.</div>
</div>

CSS

#a {
    width: 100%;
    background-color: #DAE3F3;
    padding: 10px;
    position: relative;
    min-height:70px;
    max-height:100px;
}

#b {
    height:70%;
    overflow:auto;
    position:absolute;
    background: #fff;
}