如何在不同高度的div中垂直放置4个盒子？

I have a Main div position absolute, top:0, bottom:0 width:500px; and 4 divs in it . See attached image. I want the Main div's inside boxes responsive if i adjust window height. 1,2, and 3 has fixed height 100px and 4th box is responsive.I have a Main div position absolute, top:0, bot