JSFiddle - React, Tailwind, and code Playground

by Ishank Dubey

HTML

<div class="sibling">
</div>
<div class='container'>
<p class='test'>test1</p>
<p>test</p>
<p>test</p>
<p>test</p><p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
<p>test last</p>
</div>

CSS

.sibling{
  height:50px;
  background-color:red;
  position:relative;
}
.container{
  position:static;
  height:200px;
  overflow-y:auto;
  background-color:green;
}
.test{
  top:0px;
  background-color:yellow;
  display:block;
  width:100%;
  position:absolute;
}
tbody{
  }