Javascript 将已克隆的位置绝对元素居中

我试图克隆一个工具提示div并将其附加到文档正文中，同时也围绕它的原始父对象

window.addEventListener（“加载”，函数（）{
constToolTipActivator=document.querySelectorAll（“[data onsitetooltip]”）；
for（设i=0；i.onsiteTooltip”）；
for（设z=0；z
.onsiteTooltip{
可见性：隐藏；
不透明度：0；
宽度：25em；
光标：自动；
背景：#0c1633；
填充：1em；
@包括边界半径（0.25rem）；
@包括长方体阴影（$shadow big）；
位置：绝对位置；
z指数：4；
边框：1px实心rgba（0,0,0,0.05）；
@包括过渡（可见性0s，不透明度0.2s线性）；
字号：0.9em；
}
.myDiv{高度：100px；背景：红色；}

你好，世界
为了澄清：是否希望div位于鼠标光标的中心，但在#myDiv内？@Jean-Paul否，我希望div位于红色块的水平中心，如图所示：