JSFiddle - React, Tailwind, and code Playground

HTML

<body>
     <div id="fixed">
     Fixed div
     </div>
     <div id="nonfixed">
     <p>Non-fixed div</p>
     <p>Non-fixed div</p>
     <p>Non-fixed div</p>
     </div>
 </body>

CSS

* { box-sizing: border-box; }

body {
    margin: 0;
    padding: 0;
 }
 
#fixed {
    position: static;
    width: 100%;
    border: 3px solid #f00;
}
#nonfixed {
    margin-top: 50px;
    border: 3px solid #00f;
}