html - 防止高度切断悬停内容

Question

在 React 中，我有一个具有固定高度的容器和一个工具提示组件，它使另一个 div 在悬停时出现。然而，固定高度目前正在切断它:

工具提示也是绝对定位的:

如果我移除高度，那么一切都会崩溃。不幸的是，我也无法进一步增加该组件的高度。有什么替代方案吗？

Answer 1

没有相关代码，我只能做两种猜测:

<强>1。容器正在裁剪内容

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

<强>2。随后的容器被放置在工具提示上:

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

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

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