HTML 将div的高度设置为屏幕大小

在本文中，我们将介绍如何使用HTML将一个div元素的高度设置为屏幕的大小。

阅读更多：HTML 教程

1. 使用CSS的vh单位

CSS的vh单位可以用于将元素的高度设置为视口高度的百分比。1vh等于视口高度的1%。

<!DOCTYPE html>
<html>
<head>
    <style>
        #myDiv {
            height: 100vh;
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <div id="myDiv"></div>
</body>
</html>

在上面的示例中，我们通过将div元素的高度设置为100vh，将其高度设置为视口高度的百分之百。这将使div元素的高度与屏幕的高度相同。

2. 使用JavaScript

如果需要动态地将div元素的高度设置为屏幕大小，可以使用JavaScript来实现。

<!DOCTYPE html>
<html>
<head>
    <style>
        #myDiv {
            background-color: lightblue;
        }
    </style>
    <script>
        window.onload = function() {
            var screenHeight = window.innerHeight;
            var myDiv = document.getElementById("myDiv");
            myDiv.style.height = screenHeight + "px";
        }
    </script>
</head>
<body>
    <div id="myDiv"></div>
</body>
</html>