Html 防止“高度”切断悬停内容

在React中，我有一个具有固定高度的容器和一个工具提示组件，该组件使另一个div在悬停时显示。但是，固定高度当前正在将其切断：

工具提示的位置也绝对正确：

---

如果我去掉高度，所有的东西都会倒塌。不幸的是，我也无法进一步增加该组件的高度。有没有其他选择？

如果没有相关代码，我只能做出两个猜测：

1。容器正在剪切内容

在这种情况下，您应该尝试将溢出设置为允许扩展到边界。 尝试将溢出设置为容器可见

2。随后的容器将放置在工具提示上：

在这种情况下，您应该尝试为工具提示和后续容器设置css

z-index

，以便在容器上重新定位工具提示。 大概是这样的：

.tooltip{
 position:absolute;
 z-index:2;
}

.subsequentContainer{
position:relative;
z-index:1;
}

---

你能在一个片段中发布相关代码吗？在这种情况下，你应该使用

position:fixed

，因为你最需要它。Absolute将相对于父div，这将导致它略微裁剪。