Vuejs2 Vuetify下拉列表工作不正常

我使用Vuetify示例向我的项目中添加了一个下拉列表，这就发生了

这个列表在我的页面底部，我猜是CSS，但是想弄清楚是哪一部分有点混乱

代码

---

您必须将自己的应用程序包装在

v-app

标签中，才能在使用Vuetify时正常运行。在这种情况下，用

v-app

标签包装

v-container

，您的选择将正确显示。有关

v-app

的更多信息

---

您必须将自己的应用程序包装在

v-app

标签中，才能在使用Vuetify时正常运行。在这种情况下，用

v-app

标签包装

v-container

，您的选择将正确显示。有关

v-app

的更多信息

---

类似的工件可能是由相对位置的父对象引起的，我已经找到了部分修复方法，只是还不知道如何集成它

这是该问题的github错误报告

---

类似的工件可能是由相对位置的父对象引起的，我已经找到了部分修复方法，只是还不知道如何集成它

这是该问题的github错误报告

---

v-content

。尤其是有任何带有

app

属性的工具栏或导航抽屉。您的答案已经有了

v-content

，但提到了为什么可能会有帮助。

v-content

。尤其是有任何带有

app

属性的工具栏或导航抽屉。您的答案已经包含

v-content

，但提及原因可能会有所帮助。

<v-container>
  <v-layout wrap align-center id="new">
          <v-flex xs12 sm6 d-flex>
            <v-select :items="items"
                      label="Standard"></v-select>
          </v-flex>
  </v-layout>
</v-container>

data: () => ({
  items: ['Foo', 'Bar', 'Fizz', 'Buzz'],
}),

<v-app>
  <v-navigation-drawer app></v-navigation-drawer>
  <v-toolbar app></v-toolbar>
  <v-content>
    <v-container fluid>
      <router-view></router-view>
    </v-container>
  </v-content>
  <v-footer app></v-footer>
</v-app>