JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div id="sidebar">
            <iframe id="sidebarframe" name="index" src="./sidebar.html">
            </iframe>
        </div>
        <div id="pdfholder">

            <iframe id="pdfholderframe" name="viewer" src="./blank.html">
            </iframe>
        </div>
        <div style="clear: both;"></div>
</body>

CSS

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

#pdfholder {
    border: 1px solid green;
    min-height: 100%;
}

#sidebar {
    border: 1px solid red;
    float:left;
    width: 150px;
    min-height: 100%;
}


#sidebarframe {
    width: 100%;
    height: 100%;
}