HTML 页面高度如何设置为视口的100%
在本文中，我们将介绍如何使用 HTML 来设置页面的高度为视口的100%。
阅读更多：HTML 教程
使用CSS控制高度
在 HTML 中，可以使用 CSS 来控制页面的高度。常用的方法包括使用百分比、视口单位和 JavaScript 等。
使用百分比设置高度
可以使用百分比来设置页面的高度，例如将页面的高度设置为视口高度的100%：
Hello World!
在上述的示例中，body 和 html 元素的高度都被设置为100%，这样整个页面的高度就会自动扩展到视口的高度。
使用视口单位设置高度
另一种常用的方法是使用视口单位来设置页面的高度，其中 vh 表示视口的高度的百分比。例如，要将页面的高度设置为视口高度的100%，可以使用以下代码：
Hello World!
在上述示例中，body 元素的高度被设置为100vh，这样页面的高度就会自动扩展到视口的高度。
使用JavaScript设置高度
如果需要动态地设置页面的高度，可以使用 JavaScript 来实现。以下是一个使用 JavaScript 设置页面高度的示例：
Hello World!
在上述示例中，通过 JavaScript 获取到视口的高度，然后将其赋值给 myDiv 元素的高度，从而实现将页面高度设置为视口的100%。
总结
通过上述的方法，我们可以将 HTML 页面的高度设置为视口的100%。使用百分比、视口单位或 JavaScript，我们可以根据实际需求来灵活控制页面的高度，使其适应不同的视口大小。