Html 悬停在另一个Div上的Div-高度/宽度

我试图让一个div在另一个充满内容的div上徘徊。这可以使用位置：绝对和z索引来完成。问题是我希望悬停div的高度和宽度与充满内容的div的高度和宽度相同

我尝试了100%的高度和宽度，但自从我写了：

<div class=hover></div><div id=content>FULL OF CONTENT</div>

内容丰富

hover div无法识别内容div的高度和宽度

有什么建议吗？

将悬停div放在另一个div中：

/* CSS */
#content {
  position: relative;
}
.hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

<div id="content">
  Content goes here.
  <div class="hover">
  </div>
</div>

/*CSS*/
#内容{
位置：相对位置；
}
.悬停{
位置：绝对位置；
宽度：100%；
身高：100%；
排名：0；
左：0；
}
内容在这里。

---

悬停div只能位于内容上方。如果在外部div上设置任何边框或边距，则悬停div将不会覆盖该边框或边距

谢谢，我相信我唯一的错误是我没有把位置：相对放在外侧的div上，因为我试过把气垫船放在内侧。让我试试这个，看看是否对我有效。是的，亲戚很重要。悬停div将被绝对定位到第一个也有位置的父对象。如果不将

position:relative

添加到父div，则悬停div将绝对定位到主体。现在，如果在悬停div上放置悬停样式，我只是尝试通过该div显示内容。我知道我可以实现透明，但IE在透明方面非常糟糕！