JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
    <p>Content of what ever type...</p>
    <p>Content of what ever type...</p>
    <div id="b">
        <p>Everyone is pushing me down 8(</p>
            <p>Everyone is pushing me down 8(</p>
    </div>
</div>

CSS

body
{
    height: 2000px;
}

#a
{
    position: fixed;
    left:0;
    right:0;
    height: 300px;
    top:0;
    overflow: hidden;
    background-color: gray;
}

#b
{
    overflow: hidden;
    background-color: gold;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
   
}