Html 如何在悬停状态下制作div-cover div？

我创建的div是cotnst。高度和它的溢出内容是隐藏的。但当我将其悬停时，我希望显示所有内容。我做了一些，但接下来所有的跳水动作都下降了。我想用悬停的div覆盖悬停的另一个div，但我不知道怎么做。请帮忙

html

---

您可以尝试这样定位它（绝对），它是对上面div的位置作出响应的，但要仔细查看下面div的位置，以便它们可以重叠

.container{
    position:absolute;
}

---

您可以尝试这样定位它（绝对），它是对上面div的位置作出响应的，但要仔细查看下面div的位置，以便它们可以重叠

.container{
    position:absolute;
}

---

使用位置和z-指数属性，如下所示-

更改两个css类

.container{
    background-color: orange;
    width: 400px;
    position : relative;
    /* height same as that of content. Needed to avoid the jump effect */
    height : 100px;
}

.content:hover {
    overflow: visible;
    position : absolute;
    height : auto;
    z-index:999;
}

---

使用位置和z-指数属性，如下所示-

更改两个css类

.container{
    background-color: orange;
    width: 400px;
    position : relative;
    /* height same as that of content. Needed to avoid the jump effect */
    height : 100px;
}

.content:hover {
    overflow: visible;
    position : absolute;
    height : auto;
    z-index:999;
}

---

我想我清楚地提到了这一点，以粗体形式使用这些属性。我想我们不需要解释这些属性的含义。此外，我发布的代码中还添加了一条注释。我想那就够了。@Aman Sura:thaks寻求帮助，有一种方法可以潜水掩护潜水，但不移动掩护潜水？我会告诉你我的意思@AmanSura是的，你告诉他们该做什么，但不是为什么。这个网站上的人来自各个技能级别，所以答案需要提供一个解释。@Bejkrools-很抱歉我没有理解你的意思。当.content div悬停时。button div向上移动。这种效果是不需要的，.button div应该保持在它的位置上。我想我已经清楚地提到了这一点，以便使用粗体的属性。我想我们不需要解释这些属性的含义。此外，我发布的代码中还添加了一条注释。我想那就够了。@Aman Sura:thaks寻求帮助，有一种方法可以潜水掩护潜水，但不移动掩护潜水？我会告诉你我的意思@AmanSura是的，你告诉他们该做什么，但不是为什么。这个网站上的人来自各个技能级别，所以答案需要提供一个解释。@Bejkrools-很抱歉我没有理解你的意思。当.content div悬停时。button div向上移动。这种效果是不需要的。按钮div应该保持在它的位置上。