JSFiddle - React, Tailwind, and code Playground

by feihcsim

HTML

<div class="wrapper">
  <div class="wrappedheader">
    This is a header
  </div>

  <div class="wrappedbody">
  Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content content content	Content...

CSS

.wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
  border: 1px solid #000;
  height: 200px;
  width: 200px;
}

.wrappedheader {
  position: static;
  border-bottom: 1px solid #000;
  padding: 15px;
}

.wrappedbody {
  position: relative;
  overflow-y: auto;  
  height: calc(100% - 79px);
  padding: 15px;
}