JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="content">
        <div id="top">This is the top div</div>
        <div id="main">
            <div id="main-right">
                This is the right div. It stretches to fit its contents.
            </div>
            <div id="main-left">   
                This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area.This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area.This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area. This is the main content area.This is the main content area. This is the...

CSS

body{
    width: 100%;
    margin: 0px;
    padding: 0px; 
}

#content{
    margin: 0px auto;
    width: 800px;
}

#top{
    text-align: center;
    background-color: #FF0;
    height: 100px; 
    width: 800px;
    position: fixed;
    top: 0px;
}

#main{
    margin-top: 100px;  
}

#main-left{ 
    overflow: hidden;  
    background-color: #0FF; 
}

#main-right{
      float: right;
      width: 100px;
      background-color: #F00;
}

#bottom{
    
    background-color: #c00;
    height: 100px; 
    width: 800px;
    position: fixed;
    bottom:0px;
}

JavaScript

http://jsfiddle.net/Paulpro/vYcEf/1/#update