html,body{height:100%;}
.container{ height:100%; display:-webkit-flex; -webkit-flex-direction:column;}
#top{ -webkit-flex:1; background:#f00;}
#bottom{-webkit-flex:1; background:#0f0;}
<body>
<div class="container">
<div class="top"></div>
<div class="bottom"></div>
</div>
</body>
原文：http://my.oschina.net/u/232595/blog/469676