JSFiddle - React, Tailwind, and code Playground

by Yusuf Onur SARI

HTML

<div id='govde'>
<div id='ust'>
ÜSt kısıma gelecekler burada olacak
</div>
<div id='alt'>
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
alt kısımda burda olsun <br />
</div>
</div>

CSS

#ust 
{
  width:500px;
  height:40px;
  background:red;
  top:0;
  position:fixed;
  z-index:100;
  border-bottom:solid 1px gray;
}
#alt 
{
  width:500px;
  height:auto;
  background-color:red;
 
}