计算Web页面的高度并给div赋高度

            var height1 = window.screen.availHeight - (window.screenTop + (window.screen.height - window.screen.availHeight));
            var top = document.getElementById("top").offsetHeight;
            var foot = document.getElementById("foot").offsetHeight;
            var list = height1 - top - foot;
            document.getElementById("list").style.height = list;


window.screen.availHeight   //得到工作区的高度
window.screen.height        //得到分辨率的高度
window.screenTop            //浏览器上面的高度

window.screen.height-window.screen.availHeight  //浏览器下面的高度
<script>
      var height1 = window.screen.availHeight - (window.screenTop + (window.screen.height - window.screen.availHeight));
            var top = document.getElementById("top").offsetHeight;
            var foot = document.getElementById("foot").offsetHeight;
            var list = height1 - top - foot;
            document.getElementById("list").style.height = list;
//window.screen.availHeight   //得到工作区的高度
//window.screen.height        //得到分辨率的高度
//window.screenTop            //浏览器上面的高度

window.screen.height-window.screen.availHeight  //浏览器下面的高度
</script>
 <div class="main">
    <div id="top">
    </div>
    <div id="list" class="left_page">
    </div>
    <div id="foot" class="footer">