一个页面布局的坑

需求

上下两个div。上方是mui日历，可以调整日期，所以高度不固定。下方高度也不固定。如果两个div加起来高于一个手机屏幕，需要给下方div加滚动条。实际显示是一屏高度。

实现

纯css试了很久，无法实现，最后是用css+js实现的

滚动条什么不再赘述

下方div的css

{
    position:absolute;
    bottom:0;
}

页面初始化和mui日历的onChangeMonthYear事件中

setTimeout(function(){
    var height = document.getElementById("上方div").clientHeight;
    document.getElementById("下方div").style.top = height+71+"px";
},0);

71是我页面标题栏等地方的高度