我正在创建一个工具提示 div ，它位于带有 overflow: hidden 的父级中，所以当工具提示有很多文本时，它会被切断，因为父级是不大。工具提示是 position: absolute。
我看到很多答案 ( such as this one ) 都说不应定位具有 overflow: hidden 的直接父级。然后具有 overflow: visible 的更高父级应该位于放置 position: relative 的位置。
问题是我在 Angular 2 中创建了一个通用的工具提示组件，并且每个组件都相对于表格标题单元格定位。因此，如果我将父级设置为 position: relative，则所有工具提示都将相对于表格容器而不是表格标题单元格定位。任何人都知道如何以不同的方式修复工具提示截止？
最佳答案
您可以将工具提示移至 <body>并通过调用 getBoundingClientRect 获取悬停/点击元素的位置返回元素相对于正文的位置的方法。
这样您的工具提示就可以非常通用。
值得一提的是，该方法返回一个对象，该对象还包含宽度和高度，可以方便地相对于元素定位工具提示。
关于html - 工具提示因溢出而中断 : Hidden Parent，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45377827/