Html &引用；浮动；元素在同级元素中占用空间，如何使其简单地位于上面？

我已经试着让所有的父母都是相对的，而这一个是绝对的，这似乎没有帮助，完全不知所措，这是我的代码：

<template>
  <div>
    <div @mouseover="showList = true">


      <slot></slot>
    </div>
    <v-card class="login-container elevation-12" v-if="showList">
      <div>Some partner IDS</div>
      <div>Some partner IDS</div>
      <div>Some partner IDS</div>
      <div>Some partner IDS</div>
      <div>Some partner IDS</div>
    </v-card>
  </div>

</template>

<script>
  export default {
    name: "DiseaseIDs",
    data: ()=> ({
      showList: false
    }),
    methods: {

    }
  }
</script>
<style>
  .login-container {
    position: absolute;
    padding: 20px;
    top: 50%;
    right: 50%;
    z-index: 999;
    float: left
    /*transform: translate(-50%, -50%);*/
  }
</style>

一些合作伙伴ID
一些合作伙伴ID
一些合作伙伴ID
一些合作伙伴ID
一些合作伙伴ID
导出默认值{
名称：“疾病分类”，
数据：（）=>({
显示列表：错误
}),
方法：{
}
}
.登录容器{
位置：绝对位置；
填充：20px；
最高：50%；
右：50%；
z指数：999；
浮动：左
/*转换：翻译（-50%，-50%）*/
}

这实际上是这样的：

---

位置：绝对位置

和

浮动

不能一起工作。选择其中一个。

我通过使用vuetify

v-menu解决了这个问题。

vuetify类和使用z-index似乎存在一些问题，它没有给出预期的结果。

你能在代码沙盒中发布最小的示例吗？不幸的是，我不能将其作为大型代码库的一部分删除

float

没有帮助是的，如果使用

position:absolute

，它将被忽略。我不确定你期望的结果是什么，但是试着去掉绝对位置并保持浮动。您可以通过使用边距值（例如，负的

边距left

值使其部分脱离父容器）来影响浮动元素的位置