JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>-->

<div id="Site">
   <div id="Header">
            Header<br /><br /><br />Header
   </div>
   <div id="Website">
         <div id="Content">           
                  Content<br /><br /><br />Content<br /><br /><br />Content            
         </div>
         <div id="Sidebar">
                  Sidebar<br /><br /><br />Sidebar
         </div>  
   </div>
   <div id="Footer">
            Footer<br /><br /><br />Footer
   </div>
</div>

CSS

* {box-sizing:border-box} /* edit by SpiceLab */

#Header
{
    
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;   
    background-color: #40FF00;
    /* edit by SpiceLab */
    padding: 10px
    /* end of edit by SpiceLab */
}

#Website
{
     /* edit by SpiceLab */
    background-color: #FFFFFF;
    border: 1px solid #000000;
    overflow:hidden 
    /* end of edit by SpiceLab */
}

#Content
{
    width: 100%;
    float: left;
    margin-right: -180px;
    background-color: #FF0000;
    /* edit by SpiceLab */
    padding: 10px;
    padding-bottom: 99999px;
    margin-bottom: -99999px 
    /* end of edit by SpiceLab */
}

#Sidebar
{
    width: 170px;
    float: right;
    background-color: #0000FF;
    /* edit by SpiceLab */
    padding: 10px;
    padding-bottom: 99999px;
    margin-bottom: -99999px  
    /* end of edit by SpiceLab */
}

#Footer
{
    /* edit by SpiceLab */
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;    
    /* end of edit by SpiceLab */
    padding: 10px;
    background-color: #FF8000
}