如何在父容器中使用 CSS 或 javascript 移动 div

您可以挂钩show事件并检查弹出窗口是否接近textarea（或您希望实施的任何规则）的右边界。如果是，则更改下拉列表的位置，使其显示在插入符号的左侧：

onshow: function (e) {
  var $dropdown = this.$dropdown.find('.dropdown-menu');
  var textAreaWidth = this.$element.width();
  var dropdownWidth = $dropdown.width();
  var dropdownLeft = $dropdown.position().left;

  // display left of caret if menu gets near right textarea border
  if (dropdownLeft + dropdownWidth >= textAreaWidth)
  {
    $dropdown.css({left: dropdownLeft - dropdownWidth});
  }
}

完整演示：https : //jsfiddle.net/dowxo2jk/1/