如何使div占据剩余高度？

使用绝对定位：

#div1{    width: 100%;    height: 50px;    background-color:red;}#div2{    width: 100%;    position: absolute;    top: 50px;    bottom: 0;    background-color:blue;}<div id="div1"></div><div id="div2"></div>