将div相对于其底部定位

Question

我想使用其bottom属性定位弹出窗口，以便将其放置在当前鼠标覆盖的元素上方。让我们说：

$('#pop-up').css({
bottom : currentlyMouseOverElement.offset().top + "px",
});  

问题在于显示但不完全高于当前鼠标覆盖的元素，远远高于它。

我有什么遗失的吗？有人可以帮我解决这个问题吗？

提前致谢。 贺

Answer 1

尝试以下基于身高的行为的代码

 $('#pop-up').css({

  bottom : (currentlyMouseOverElement.offset().top - currentlyMouseOverElement.height())+  "px",
 }); 

Answer 2

您可以为弹出元素提供position：absolute; position：相对于其父级。

$('#pop-up').css({
position: absolute,
bottom : currentlyMouseOverElement.offset().top + "px",
});