2nd div to take remaining height

by kirky93

HTML

<div>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%;  
}