在JQuery中将div放在按钮的右下角

Question

我可以使用以下代码将div设置为按钮的顶部和左侧位置：

var p = $("#tag-add");
var offset = p.offset();
$("#TagModal").offset({ top: offset.top, left: offset.left})  

输出：

但我想将div设置在按钮的右下角：

怎么做？

Answer 1

使用此：

$("#TagModal").offset({
  top: offset.top + p.outerHeight(),
  right: offset.left + p.outerWidth()
});

Answer 2

试试这个：

var p = $("#tag-add");
var offset = p.offset();

var $modal = $("#TagModal");
$modal.offset({
  top: offset.top + p.outerHeight(),
  left: offset.left + p.outerWidth() - $modal.outerWidth()
});

（从@ PraveenKumar的例子中减去模态的宽度）

参见this JSFiddle。