JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title></title>
    </head>
    <body>
        <div id=fullheight>
            Lorem Ipsum        
        </div>
        <div class=text>dsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsddsdsd<br/>dsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsddsdsd<br/>dsdsd</div>
    </body>
</html>

CSS

html, body {
    min-height: 100% !important;
    height: 100%;
    margin:0;
    padding:0;
}
#fullheight {
    width: 250px;
    background: blue;
    float:left;
    min-height:100%;
    height:auto;
}
.text{
    float:left;
    min-height:100%;
    max-height:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}