JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<div class="main">
    
    <div class="header">stack height</div>
    <table class="table2"><tr><td>
        take up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and overflow use scrolling on the containertake up the rest of the view port and...

CSS

.main {
    background-color: yellow;   
   height: 500px;
    
}
.table2{
 height:100%;
 width:100%;   
}
.content{
   
    height: auto;
    
    outline: 1px solid red;   
    overflow-y: scroll;
    overflow-x: hidden;
}

.header{
    height:200px;
    outline: 1px solid green;
}