原因 设置高度100%时,div的高度会等同于其父元素的高度。 我们需要把父元素的高度给上100%;即html body 和div 高度都给上100%。 我们在给定高度100%时,如果失效;可以向上逐层检查高度,找到失效部分。 找到app.vue文件 添加样式 html, body, #app { height: 100%; margin: 0; padding: 0; }