JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="fixed-height">
        <p>Fixed height div</p>
    </div>
    <div class="scrolling-height">
        <p>Scrolling div</p>
        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante diam, pulvinar non aliquam nec, consequat quis dolor. Morbi vel orci orci, dignissim bibendum risus. Nullam ut ante quis erat sodales ullamcorper ut eu dolor. Pellentesque ut magna sit amet nisi sagittis volutpat a eget nisl. Etiam lacinia est non dolor sodales ac molestie erat facilisis. Aliquam fringilla est non mauris venenatis vel lacinia nulla iaculis. Vivamus vel justo purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse convallis ipsum eget velit cursus id dictum nisi semper. Donec iaculis, metus vel faucibus aliquet, tellus elit vehicula leo, eget placerat nunc lorem sit amet turpis. Vivamus quis dolor eros, quis elementum libero.</p>

            <p>Curabitur in dui sit amet urna rutrum blandit. Suspendisse scelerisque nulla adipiscing nisi laoreet scelerisque. Nunc eu consequat urna. Nam mi justo, aliquet non posuere sit amet, luctus a mauris. Curabitur erat risus, fermentum id porttitor ut, dignissim in elit. Aenean a purus ut dui lobortis cursus. In vel neque nunc, ut blandit nisl. Etiam condimentum cursus feugiat. Etiam condimentum ligula sed augue commodo eu interdum dolor suscipit. Donec elementum scelerisque velit et iaculis. Morbi sed convallis lectus. Mauris sem risus, pretium vel venenatis non, semper sed metus. Phasellus eu vehicula est. Suspendisse consequat sollicitudin nibh, id rutrum felis eleifend in.</p>
        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ante diam, pulvinar non aliquam nec, consequat quis dolor. Morbi vel orci orci, dignissim bibendum risus. Nullam ut ante quis erat sodales ullamcorper ut eu dolor. Pellentesque ut magna sit amet nisi sagittis volutpat a eget nisl. Etiam lacinia est non dolor...

CSS

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

html, body { 
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.container {
    background: lightgray;
    height: 100%;
    padding: 10px;
    position:relative;
}

.fixed-height {
    background-color: yellow;
    height: 40px;
    padding: 5px 10px;
}

.scrolling-height {
    background-color: green;
    margin-bottom: 50px;
    overflow-y: scroll;
    padding: 5px 10px;
    position:absolute;
    top: 50px; bottom: 0;
}