JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
        <div class="dynamic">
            Dynamic Line <br />
            Dynamic Line <br />      
            Dynamic Line <br />
            Dynamic Line <br />      
            Dynamic Line <br />
            Dynamic Line <br />      
            Dynamic Line <br />
            Dynamic Line <br />      
        </div>
        <div class="static">
            Static<br />
            Static<br />        
        </div>
    </div>

CSS

.wrapper {
    position: relative;
    width: 400px;
    overflow: auto;
}

.dynamic {
    position: relative;
    background-color: yellow;
    width: 200px;
}

.static {
    position: absolute;    
    background-color: orange;
    width: 200px;
    float: left;
    left: 200px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}