Как сделать div занимает оставшуюся высоту?

У меня проблема, у меня два div:

<div style="width:100%; height:50px;" id="div1"></div>
<div style="width:100%;" id="div2"></div>

Как сделать так, чтобы div2 занимал оставшуюся высоту страницы?