jquery - CSS div定位辅助

Question

我需要一些帮助来定位出现在每个#box 的悬停事件上的 div。 隐藏的 div 应该以以下方式出现在悬停的框上:

1. 每个#tooltip div 覆盖悬停的框及其旁边的框
2. 方框 1 和 2 的工具提示应覆盖右侧的方框

3. 框 3 和 4 的工具提示应覆盖其左侧的框

   (为了便于理解，请看附图
4. 会有几行框，所以定位应该是相对的，而不是固定在页面尺寸上(我想)

到目前为止，我还没有设法正确定位#tooltip(我知道一个应该是绝对的，另一个应该是相对的，但无论我如何努力，我都还没有确定)。

这是一个 jsfiddle继续努力，这就是我想要的结果:

Answer 1

这就是你想要得到的吗？

http://jsfiddle.net/xnrdp/1/