h3为什么等于0？注意看下哈，body里面有内容
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
*{margin:0;padding:0;}
/*清楚body和浏览器窗口的margin后，w3和w1,w2就相等了*/
h3,p{ text-indent:30px;}
</style>
</head>
<body>
<script type="text/javascript">
var h1=window.innerHeight;
var h2=document.documentElement.clientHeight;
var h3=document.body.clientHeight;
//这个0没有解决？为什么
var w1=window.innerWidth;
var w2=document.documentElement.clientWidth;
var w3=document.body.clientWidth;
//w3没有计算body和浏览器窗口的margin,所以与w2\w1不等；w1和w2是一样的；
document.write(h1+"<br />");
document.write(h2+"<br />");
document.write(h3+"<br />");
document.write(w1+"<br />");
document.write(w2+"<br />");
document.write(w3+"<br />");
</script>
<div>
<h3>clientHeight</h3>
<p>大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。</p>
<p>简单地说：</p>
<p>clientHeight 就是透过浏览器看内容的这个区域高度。</p>
</div>
</body>
</html>
