為什么我這段代碼中最終顯示的高度是480px
<!DOCTYPE html>
<html>
?<head>
? <title>innerHeight和scrollHeight的區別</title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<style type="text/css">
body{
margin:10px 20px;
}
?</style>
?<body>
? <script type="text/javascript">??
var x1 = document.body.clientHeight || document.documentElement.clientHeight;
var x2 = document.documentElement.scrollHeight || document.body.scrollHeight;
var y1 = document.documentElement.clientWidth || document.body.clientWidth;
var y2 = document.documentElement.scrollWidth || document.body.scrollWidth;
document.write("該網頁可視區域的寬為"+y1+"px"+"<br/>"+"該網頁可視區域的高為"+x1+"px"+"<br/><br/>");
document.write("該網頁的尺寸寬為"+y2+"px"+"<br/>"+"該網頁的尺寸高為"+x2+"px"+"<br/>");
?</script>?
</body>
</html>
請問為什么高度顯示的是480px？？？
2019-04-04
文檔內容占了480px 所以是480px