Vue.js 设置 div 高度与网页一致：使用 vh 单位 - 完整指南

"Vue.js 设置 div 高度与网页一致：使用 vh 单位 - 完整指南" 要让一个 div 元素的高度与网页的高度一样，可以使用 CSS 中的 vh 单位来设置高度。vh 单位是视口高度的百分比，即 1vh 等于视口高度的 1%。\n\n可以通过以下方法设置 div 元素的高度与网页一样：\n\n1. 使用内联样式：在 div 元素的 style 属性中设置 height 属性为 100vh。\n\nhtml\n<div style=\"height: 100vh;\">\</div>\n\n\n2. 使用样式表：在 CSS 样式表中设置 div 元素的类或 ID 选择器，并设置 height 属性为 100vh。\n\nhtml\n<style>\n .full-height {\n height: 100vh;\n }\n</style>\n\n<div class=\"full-height\">\</div>\n\n\n通过这两种方法，div 元素的高度将会始终与网页的高度保持一致。