JSFiddle - React, Tailwind, and code Playground

by zzlawlzz

HTML

<body>
    <div id="container">
        <div id="header">Not empty</div>
        <div id="content">
            <div id="inner_header">Not empty</div>
            <div id="scrollable_content">Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long content<br/>
                Very long...

CSS

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

div { margin: 0; padding: 0;}
div#header { border: 1px solid black; }
div#container {
    height:100%;
    border: 1px solid red;
}
div#scrollable_content {
    height: 92.7%;
    overflow-y:auto;
    width:99.8%;
    position:absolute;
    
}