JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top"><p>Lorem ipsum dolor sit amet</p></div>
<div id="left"><p>Lorem ipsum dolor sit amet</p></div>
<div id="right"><iframe scrolling="yes" src="http://foxbtc.ru"></iframe></div>

CSS

body, html {
    height: 100%;
}
body {
    margin: 0px;
}
p {
    margin: 0px;
}

#top {
    height: 100px;
    background-color: #F4F4F4;
}
#left {
    width: 250px;
    height: 100%;
    background-color: #878787;
    float: left;
    margin-bottom: -100px;
}
#right {
    background-color: #323232;
    height: 100%;
    margin-bottom: -100px;
}
#bot {
    clear: right;
    background-color: #DCDCDC;
    position:absolute;
    bottom:0;
    width:100%;
    z-index: 100;
    margin-bottom: 0px;
}