Jquery定位？

我有一个动态height div，当您按住ctrl键单击html输入时，它会被插入到dom中

我想做的是让右下角与单击的输入的右上角匹配

我必须使用什么样的css样式/jQuery来正确定位此项

我不能包括jQuery UI，所以请不要建议它。

您可以使用它返回相对于文档的左上角坐标。然后可以添加元素的宽度（），以获得右上角

要将div放置在那里，请在div上使用相同的方法，只删除高度（）和宽度

---

请注意，您必须考虑边框、边距和填充，因为jQuery不包括宽度/高度中的边距和填充。

您可以使用jQuery插件

JavaScript:

jQuery(function($) {
  var count = 1;
  var $popup = $('#popup');

  function showPopup(event) {

    // reset position
    $popup.show().css({top:0, left:0});

    // calculate new position
    var calculator = new $.PositionCalculator({
      item: $popup,
      itemAt: "bottom left",
      target: this,
      targetAt: "top right",
      flip: "both"
    });
    var posResult = calculator.calculate();

    // set new position
    $popup.css({
      top: posResult.moveBy.y + "px",
      left: posResult.moveBy.x + "px"
    });
  }

  // initial add event handler
  $('.has_popup').on('click', showPopup);
  $popup.on('click', function() { $popup.hide(); });
});

HTML:

我是弹出窗口。单击我关闭

---

这里是

您所说的匹配到底是什么意思？正如在我的div的右下角中一样，必须接触输入的右上角。

<input type="text" class="has_popup"  value="click me"/>

<div id="popup" style="display:none; position:absolute; padding:10px; background:rgba(0,0,0,0.8); color:#ffffff">
  I am the popup. <b>Click me to close</b>
</div>