javascript - 数据图悬停弹出

Question

我正在使用 datamaps显示世界各国，但将图表居中。当我将鼠标悬停在一个国家/地区上时，弹出窗口一直出现在左侧，准确到如果我不将其居中，则该国家/地区的位置。我认为问题出在 css 上:

#map {
    margin: 0px auto;
    width: 700px;
}

但我不知道如何以不同的方式将它居中。

有什么办法可以改变弹出窗口出现的位置吗？提前致谢!

(我尝试添加一个代码片段，但由于某种原因出现错误。)

Answer 1

将位置更改为相对有效。正如 Eric Hoose 的示例所示，<div>是相对的，所以悬停仍然有效。

#map {
    margin: 0px auto;
    width: 700px;
    position: relative;
}