Full height div

by Chris LaFrombois

HTML

<div id="header">This is a header</div>
<div id="first">Hello, I'm first!</div>
<div id="second">I'm second!</div>

CSS

#header {
    background:red;
    height:180px;
}
#first {
    width: 200px;
    height: 100px;
    background-color: #BADA55;
}
#second {
    height:100px;
    background:pink;
}

JavaScript

$('#first').height(function (index, height) {
    return window.innerHeight - $(this).offset().top;
});