JSFiddle - React, Tailwind, and code Playground

by fallenreaper

HTML

<div id="myWindow">
    <div id="toolbar"></div>
    <div id="main"></div>
    <div id="attributes"></div>
</div>

CSS

#myWindow{
    background-color:purple;
}
#toolbar{
    width:54px;
    height: 200px;
    background-color: blue;
    float:left;
}
#attributes{
    width: 140px;
    height:200px;
    background-color:blue;
    float:right;
}
#main{
    background-color: red;
    height:400px;
}

JavaScript

$(function(){
    //alert($("#main").css("width"));
   $("#main").css("width", parseInt($("#myWindow").outerWidth - $("#toolbar").outerWidth() - $("#attributes").outerWidth()) + "px");
    //alert($("#main").css("width"));
});