JSFiddle - React, Tailwind, and code Playground

by Egor S.

HTML

<div id="header">
    <span id="title">Title</span>
    <div id="menu">
        <button>Save</button>
        <button>View</button>
        <button>Cancel</button>
    </div>
</div>
<div id="fixed">
    <ul>
        <li>two two two two  two two two two two</li>
        <li>three two two two two two vtwo two two</li>
        <li>one one one one one one  one  one one</li>
        <li>two two two two  two two two two two</li>
        <li>three two two two two two vtwo two two</li>
        <li>one one one one one one  one  one one</li>
        <li>two two two two  two two two two two</li>
        <li>three two two two two two vtwo two two</li>
        <li>one one one one one one  one  one one</li>
        <li>two two two two  two two two two two</li>
        <li>three two two two two two vtwo two two</li>
    </ul>
</div>
<div style="height:100px;"></div>
<div id="main">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet quam non metus interdum bibendum vestibulum sed lacus. Sed consequat tortor ac convallis sollicitudin. Sed molestie sagittis tortor, hendrerit vehicula purus sagittis id. In commodo dui velit, sagittis euismod mi pulvinar vitae. Integer velit arcu, volutpat sit amet elementum vel, gravida convallis erat. Proin feugiat nunc at tortor elementum, ullamcorper condimentum lacus pharetra. Etiam fermentum, metus et feugiat vulputate, augue enim feugiat lacus, id suscipit leo erat nec magna. Pellentesque posuere ante mi, eu rhoncus arcu varius ac. Vivamus ex nulla, varius vitae rhoncus vitae, rhoncus sed metus. Aliquam faucibus egestas consectetur. Sed suscipit consectetur diam sed auctor.

Suspendisse a vehicula eros, et porttitor ex. Sed nulla risus, eleifend vel bibendum vitae, vehicula quis eros. Nam iaculis dolor vel molestie facilisis. Aenean tempus a ligula non lobortis. Ut posuere feugiat odio vitae pulvinar. Proin viverra, orci non facilisis varius, massa orci ultrices purus, id elementum massa nisi a turpis. Integer...

CSS

#fixed{    
    position:fixed; 
    background: red;
    top: 50px;
    left: 0;
    height: 100px; 
    width:100%;
    overflow: auto;
}
#main{
    postion:static;
    top:100px;
}