2nd div to take remaining height

by danield770

HTML

<div>hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hellohello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello  </div>
<div>there</div>

CSS

*
{
    margin:0;padding:0;    
}
html,body
{
    height:100%;
    width:100%;
}
body
{
    display:table;
}
div
{
    width: 100%;
    background: yellow;
    display:table-row;

}
div+ div
{
    background: pink;
    height:100%;  
}