Full height sidebar and full height content, fluid layout

Question

Possible duplicate didn\'t help

I know there are many answers about this topic but neither of them helped me and I spent days on this problem. 90% of the answers and

Answer 1

Try something like this:

FIDDLE

Markup:

Hello Plunker!
       
    
sideBar
    
content

CSS

*
{
    margin:0;padding:0;
}
html,body,.container, .sideBar, .content
{
    height: 100%;
}
h1
{
    height: 50px;
    line-height: 50px;
}
.container
{
    margin-top: -50px;
    padding-top: 50px;
    box-sizing: border-box;
}
.sideBar
{
    float:left;
    width: 100px;
    background: aqua;
}
.content
{
    overflow:hidden;
    background: yellow;   
}