CSS div columns

by chrisloughnane

HTML

<div class="header">left</div>
<div class="left">left</div>
<div class="right">right</div>

CSS

.left{
    float:left;
    position:absolute;
    width:200px;
    background:red;
    left:0;
    height: 100%;
    
}
.right{
    overflow:hidden;
    background:green;
    position:absolute;
    left:150px;
    right:0;
    height: 100%;
}

html, body{
    min-height:100%;
    height:100%;
}
.header{
    width:100%;
    height:100px;
    background:yellow;
}