小编Eva*_*tol的帖子

问题：我的<v-container>组件并不总是达到应用程序的高度。我曾尝试使用fill-height属性、 setting height: 100%;、 setting height: 100vh;，甚至尝试使用max-height. 我似乎无法得到我想要的结果！

目标：我希望我的容器始终跨越窗口的整个高度。我的应用主题在明暗之间变化。这会更改背景颜色，背景颜色应始终覆盖应用程序视口的整个高度和宽度。

代码App.vue：

<template>
  <v-app>
    <main>
      <v-container
        fluid
        fill-height
        id="app"
        tag="div"
        style="height: 100vh; max-height: 100%;"
        :class="theme"
      >
        <Toolbar color="primary" />
        <transition
          name="routerAnimation"
          enter-active-class="animated faster fadeIn"
        >
          <router-view></router-view>
        </transition>
        <v-snackbar
          :color="alertColor"
          class="animated faster heartBeat"
          :dark="isDark"
          v-model="alert"
          :multi-line="mode === 'multi-line'"
          :timeout="alertTimeout"
          top
          :vertical="mode === 'vertical'"
        >
          <v-icon class="pr-4">{{ getAlertIcon() }}</v-icon>
          {{ alertMessage }}
          <v-btn :dark="isDark" icon @click="toggleAlert(false)">
            <v-icon>close</v-icon>
          </v-btn>
        </v-snackbar>
      </v-container>
    </main>
  </v-app> …