jQuery / CSS Offset + mousemove问题

Question

演示：http://jsfiddle.net/H45uY/6/
我在这里要做的是让<div>的左上角跟随鼠标。代码在没有段落的情况下工作正常（参见上面的演示），但是当你添加一个段落时，<div>被向上推，鼠标位于盒子侧面的一半。该段为什么这样做？
谢谢！

Answer 1

如果您移除- offset.top和- offset.left，则可以在每个位置

Fiddle Demo

Answer 2

将 top：0 和 left：0 添加到div样式

Answer 3

您不需要减去偏移量。

$div.css({
    top:event.pageY,
    left:event.pageX
})

这会将框放在鼠标位置。