<html>
<head>
<title>æ¹ådivé«åº¦</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//为div设置边æ¡
$("#container").css("border","1px solid gray");
//æ¹ådivçé«åº¦
$("#container").height($(window).height());
//æ¹ådivç宽度
$("#container").width($(window).width());
});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
alert($(window).height()); //æµè§å¨å½åçªå£å¯è§åºåé«åº¦
alert($(document).height()); //æµè§å¨å½åçªå£ææ¡£çé«åº¦
alert($(document.body).height());//æµè§å¨å½åçªå£ææ¡£bodyçé«åº¦
alert($(document.body).outerHeight(true));//æµè§å¨å½åçªå£ææ¡£bodyçæ»é«åº¦ å æ¬border padding margin
alert($(window).width()); //æµè§å¨å½åçªå£å¯è§åºå宽度
alert($(document).width());//æµè§å¨å½åçªå£æ档对象宽度
alert($(document.body).width());//æµè§å¨å½åçªå£ææ¡£bodyç宽度
alert($(document.body).outerWidth(true));//æµè§å¨å½åçªå£ææ¡£bodyçæ»å®½åº¦ å æ¬border padding margin
})
<head>
<title>æ¹ådivé«åº¦</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
//为div设置边æ¡
$("#container").css("border","1px solid gray");
//æ¹ådivçé«åº¦
$("#container").height($(window).height());
//æ¹ådivç宽度
$("#container").width($(window).width());
});
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
å¦éJqueryè·ååç§å±å¹ç宽度åé«åº¦ç示ä¾ä»£ç ï¼
$(document).ready(function(){alert($(window).height()); //æµè§å¨å½åçªå£å¯è§åºåé«åº¦
alert($(document).height()); //æµè§å¨å½åçªå£ææ¡£çé«åº¦
alert($(document.body).height());//æµè§å¨å½åçªå£ææ¡£bodyçé«åº¦
alert($(document.body).outerHeight(true));//æµè§å¨å½åçªå£ææ¡£bodyçæ»é«åº¦ å æ¬border padding margin
alert($(window).width()); //æµè§å¨å½åçªå£å¯è§åºå宽度
alert($(document).width());//æµè§å¨å½åçªå£æ档对象宽度
alert($(document.body).width());//æµè§å¨å½åçªå£ææ¡£bodyç宽度
alert($(document.body).outerWidth(true));//æµè§å¨å½åçªå£ææ¡£bodyçæ»å®½åº¦ å æ¬border padding margin
})
温馨提示：内容为网友见解，仅供参考
第1个回答 2011-12-09
用js，动态设置div的高度为窗体的高度，例如：document.getElementById('id').style.height=window.innerHeight+'px';
你根据具体情况修改。追问
你根据具体情况修改。追问
我是这样写的
window.onload = function () {
var dvheight = window.screen.availHeight;
var dvwidth = window.screen.availWidth-210;
$("#tbBody").height(dvheight);
$("#tbBody").width(dvwidth);
};
但是不管用啊
你用jquery就好办了，比较简单，可以这样。
$(document).ready(function(){
$("#tbBody").height($(window).height());
$("#tbBody").width($(window).width());
});
你可以试试，有问题再问我。
好像不对，要不您帮我看看。
第2个回答 2011-12-09
</style> <div class=box></div> 要清楚100%的含义，这个含义是在js获取浏览器的可见部分的宽度和高度，然后赋值给DIV。
第3个回答 2011-12-09
定义高度为100%
相似回答
