<script type="text/javascript">
document.getElementById("apDiv1").style.height=(document.documentElement.clientHeight-2+"px");
window.onresize =function(){
    document.getElementById("apDiv1").style.height=(document.documentElement.clientHeight-2+"px");
   }
</script>

解决方案 »

  1.   

    最好还要加上 document.documentElement.clientHeight的判断,避免高度小于2时div的高度成负数
      

  2.   

    这个不需要刷新啊
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>请调整浏览器窗口</title>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <style type="text/css">
    <!--
    body{margin:0;padding:0;}#apDiv1 {
        border:1px solid red;
    }
    -->
    </style>
    </head><body onload="document.getElementById('apDiv1').style.height=document.documentElement.clientHeight-2+'px'">
        <div id="apDiv1">h</div>
    </body>
    </html>
      

  3.   

    this:
    不用JS<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>请调整浏览器窗口</title>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <style type="text/css">
    <!--
    div,body,html

    margin:auto;
    width:99.65%;
    height:99.65%
    }
    #apDiv1 {
        border:1px solid red;
    }
    -->
    </style>
    </head><body>
        <div id="apDiv1"></div>
    </body>
    </html>
    <!--<script type="text/javascript">
     document.getElementById("apDiv1").style.height=document.documentElement.clientHeight-2+"px"
    </script>-->
      

  4.   

    楼上的方法很不完美··
    在IE、firefox浏览器里面有几像素的空白;如果设置刚刚好的话··拖动浏览器就出现了滚动条~~~不知道这位兄台是知否~~