JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
    <title>demo</title>
</head>
<body>
    <div id="top"> TOP</div>
    <div id="content">
        <div>        
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        mon site<br>
        </div>
    </div>
    <div id="bottom"> BOTTOM</div>
    <div id="left"> LEFT</div>
    <div id="right"> RIGHT</div>
</body>
</html>

CSS

html{
    height:100%;
}

body{
    height:100%
}
#left{
    position:absolute;
    top:100px;
    left:0px;
    bottom:100px;
    width:100px;  
     
}
#right{
    position:absolute;
    top:100px;
    right:0px;
    bottom:100px;
    width:100px;  
}
#content{ 
    position:absolute;
    top:100px;
    left:100px;
    right:100px;
    bottom:100px;
    overflow:scroll;
} 
#top{
   position:absolute;
   height:100px;    
    /*background-color:white;*/
    width:100%;
}
#bottom{
   position:absolute;
   height:100px;    
   /* background-color:white;*/
    width:100%;
    bottom:0;
}