// documentElement整个浏览器的可视窗口对象与课上的可视高度979、可视宽度1002,为何我做出来为何可视高度695与可视宽度948?
<style>
.box {
width: 100px;
height: 100px;
background: red;
border: 10px solid yellow;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<!-- <div class="box" id="box"></div> -->
<div class="box" id="box"></div>
<script>
// var box = document.getElementById("box");
var box = document.getElementById("box");
// console.log(box.clientHeight);
// console.log(box.clientWidth);
// console.log( document.documentElement.clientHeight);
// documentElement整个浏览器的可视窗口对象
console.log(document.documentElement.clientHeight);
console.log(document.documentElement.clientWidth);
</script>
