JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<div class="container-full">
    <div class="container">
        <div class="header">This is the header</div>
        <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec varius massa. Suspendisse orci enim, facilisis ac vulputate eu, iaculis id sapien. Nullam mi ipsum, eleifend in tristique ut, porta sit amet nisl. Phasellus neque arcu, feugiat id dictum et, suscipit ac massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi bibendum scelerisque quam, id volutpat velit sodales eget. Cras id vestibulum lacus. Donec eget sapien massa, ac rhoncus velit. Nulla vitae massa eu lorem volutpat blandit. Vestibulum eget orci vel tellus fringilla vehicula. Pellentesque ac mauris nec ipsum porttitor dapibus. Proin hendrerit leo non magna porttitor id blandit erat fringilla. Sed erat purus, pellentesque sit amet eleifend a, rhoncus non tortor. Etiam sed elit ipsum, a porttitor eros. Quisque quis tellus tincidunt tellus congue egestas vitae ac lorem. Nunc eu felis eu metus adipiscing sodales quis non tortor. Cras laoreet vestibulum lorem a fermentum. Donec lacinia, tellus eu viverra vehicula, lectus felis facilisis diam, ac vestibulum erat arcu quis metus. Nullam quis elit felis, et pretium nisi. Proin a turpis eu est lacinia tristique eget non dui. Integer non consequat metus. Phasellus malesuada dapibus nibh, quis tempus dui molestie ut. In hac habitasse platea dictumst. Morbi vehicula augue at magna dignissim eu venenatis metus imperdiet. Mauris et neque ut purus viverra pharetra a eget augue. Nullam et urna elit, non tristique elit. Integer ac libero dapibus justo ultrices suscipit. Duis nec magna felis. Phasellus aliquet nibh non lacus auctor ut aliquam nibh auctor. Integer ac ipsum nec leo eleifend faucibus. Vestibulum non euismod tellus. Aliquam erat volutpat. Integer interdum ullamcorper lectus, in scelerisque neque varius sed. Curabitur at mi nisl. Suspendisse potenti. Curabitur...

CSS

.container-full {
    width:100%;
    height:8000px;
}
.container {
    width:400px;
    height:300px;
    background-color:#fff;
}
.header {
    height:50px;
}
.content {
    position:absolute;
    top: 50px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;
}