JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="div1">
        <p>text text text test text text text text text texttext text text test text text text text text texttext text text test text text text text text texttext text text test text text text text text texttext text text test text text text text text texttext text text test text text text text text texttext text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p></div>
    <div id="div2">
        <p> line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width  line width </p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
                <p>text text text test text text text text text text</p>
    </div>
</div>

CSS

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

        div {
            width: 100%;
        }

        #container {
            height: 100%;
            display: table;
            background: red;
        }

        #div1 {
            /*min-height: 80px;
            max-height: 150px;*/
            background: yellow;
            overflow:auto;
            width: 100%;
        }

        #div2 {
            display:table-row;
            width:100%;
            height: 100%;
            background: blue;
        }