防止高度切断悬停内容

Question

在React中，我有一个具有固定高度的容器和一个工具提示组件，该组件会在鼠标悬停时使另一个div出现。但是，固定高度目前已将其截断：

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

如果我取消高度，那么一切都会崩溃。不幸的是，我也无法进一步增加此组件的高度。周围还有其他选择吗？

Answer 1

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

1。容器正在裁剪内容

在这种情况下，您应该尝试设置溢出范围以允许扩展边界。 尝试将overflow: visible设置为容器。

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

在这种情况下，您应该尝试在工具提示和后续容器上设置css z-index，以便将工具提示重新放置在容器上。 像这样：

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

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