JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id='nav_bar'>
        HALLO!
    </div>
 <div id="content">   
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
        <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
       <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
       <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
       <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
        <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>World</p>
    <p>end</p>
    </div>    
</body>

CSS

#nav_bar {
   position: fixed;
   background-color:blue;
    height:50px;
    width:100%
    }
#content {
    background-color:lightgreen;
    overflow-y:auto;
    height:200px;
    position:relative;
        width:100%;
    top:50px;
}