在一个div 中内嵌了一个div并设置了高度，我现在想要将外层的div设置为屏幕的高度使用了height= 100%，看结果

可以明显的看到，设置height=100%，只是这个div中内容的高度，如果没有内容，这个height=100%，显示到页面上的结果就是不显示。

当我们把height=100% 换成  height = 100vh，看结果

可以看出，使用height = 100vh 占用了屏幕的100%

vh为视口单位，什么是视口单位可以参考这篇 文章

首先，看一个例子在一个div 中内嵌了一个div并设置了高度，我现在想要将外层的div设置为屏幕的高度使用了height= 100%，看结果可以明显的看到，设置height=100%，只是这个div中内容的高度，如果没有内容，这个height=100%，显示到页面上的结果就是不显示。当我们把height=100% 换成 height = 100vh，看结果可以看出，使用height = 100vh 占用了屏幕的100%vh为视口单位，什么是视口单位可以参考这篇文章... < div style="background-color: black;height: 90vh" v- html ="log"> < div style="padding-bottom: 200px;">{{log}}</ div > </ div > 如果给 div 2 设置 height:100%;,那么必须明确 div 1的 高度 ，否则 div 2的100%，就无法确定，如果要充满整个浏览器窗口，那么就要 设置 所有的长辈节点都为100%， CSDN-Ada助手: 非常感谢您的分享，这篇博客对于使用vue和node-sass的开发者来说非常有用。我建议您可以写一篇关于如何使用其他css预处理器（如less、sass等）与vue搭配使用的技术文章，分享一些实用的技巧和注意事项，相信会对其他开发者有很大帮助。期待您的下一篇文章！ 为了方便博主创作，提高生产力，CSDN上线了AI写作助手功能，就在创作编辑器右侧哦～（https://mp.csdn.net/edit?utm_source=blog_comment_recall ）诚邀您来加入测评，到此（https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall）发布测评文章即可获得「话题勋章」，同时还有机会拿定制奖牌。 vue使用css预处理器node-sass的问题SassError: Function rgb is missing argument $green. 前端一枚: 最终解决方法：https://blog.csdn.net/u011200562/article/details/123226279?spm=1001.2014.3001.5502 vue使用css预处理器node-sass的问题SassError: Function rgb is missing argument $green. 前端一枚: 我安装了sass了，但还是出现这个错误Error: Function rgb is missing argument $green. vue使用css预处理器node-sass的问题SassError: Function rgb is missing argument $green. Hello Pisces: vue使用css预处理器node-sass的问题SassError: Function rgb is missing argument $green.  The dream is near  : rgb(155 155 0)加上逗号就可以了，rgb(155,155,0)