<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>
<!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>
不用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>-->
在IE、firefox浏览器里面有几像素的空白;如果设置刚刚好的话··拖动浏览器就出现了滚动条~~~不知道这位兄台是知否~~