<html>
<body>
<div style="height:44px;width:100%;background-color:green"></div>
<div id="panelDiv" style="width:50%;background-color:red;overflow: hidden; min-height:400px;position:relative">
<div style="height:40px;background-color:blue"></div>
<div style="Color: #fff ;position:absolute;bottom:10px;width:188px;text-align:center;">11111111</div>
</div>
<script>
alert('docHeight---'+document.body.clientHeight );
document.getElementById("panelDiv").style.height = document.body.clientHeight-60+"px";
window.onresize = function(){
document.getElementById("panelDiv").style.height = document.body.clientHeight-60+"px";
}
</script>
</body>
</html>
<body>
<div style="height:44px;width:100%;background-color:green"></div>
<div id="panelDiv" style="width:50%;background-color:red;overflow: hidden; min-height:400px;position:relative">
<div style="height:40px;background-color:blue"></div>
<div style="Color: #fff ;position:absolute;bottom:10px;width:188px;text-align:center;">11111111</div>
</div>
<script>
alert('docHeight---'+document.body.clientHeight );
document.getElementById("panelDiv").style.height = document.body.clientHeight-60+"px";
window.onresize = function(){
document.getElementById("panelDiv").style.height = document.body.clientHeight-60+"px";
}
</script>
</body>
</html>