工具提示獲取中斷與溢出：隱藏父

我創建了一個工具提示div是在overflow: hidden父母的內部，所以當工具提示有很多文本會被截斷，因爲父母不是很大。工具提示是position: absolute。工具提示獲取中斷與溢出：隱藏父

我見過很多答案（such as this one），表示不應該定位具有overflow: hidden的直接父級。然後一個更高的父母overflow: visible應該放在position: relative的地方。

問題是我在Angular 2中創建了一個通用的工具提示組件，並且每個工具提示組件都是相對於表格標題單元格定位的。因此，如果我將父項position: relative作爲父項，則所有工具提示將相對於表容器而不是表格標題單元格進行定位。任何人都知道如何修復截止工具提示的方式不同？

2017-07-28 zebraco

您可以將工具提示移動到<body>，並通過調用getBoundingClientRect方法來獲取懸停/點擊元素的位置，該方法返回項目相對於主體的位置。這樣你的工具提示可以是非常通用的。

值得一提的是，該方法返回的對象還包含可以方便地定位工具提示相對於元素的寬度和高度。

2017-07-28 16:32:21 Laszlo

回答