需手动接管拖拽逻辑：先设父容器position: relative，再禁用layer默认fixed并appendTo目标容器，最后基于$container.offset()重写mousedown/mousemove事件，用Math.max/min约束left/top在容器范围内。
要让Layui layer弹窗在拖拽标题栏时严格限制在指定父容器（如
确认父容器具备定位上下文
给目标父容器（例如#my-container）添加CSS：position: relative。若缺失该声明，后续设置的absolute定位会逐级向上寻找，最终仍相对于window定位，导致所有边界控制失效。
这一步不可跳过，【父容器未设position: relative时，后续所有JS计算都将失去参照基准】。
禁用layer默认定位并挂载到父容器
调用layer.open时显式关闭fixed定位，并在success回调中将弹层DOM移入目标容器：
layer.open({
type: 1,
content: '
fixed: false,
anim: -1,
success: function(layero, index) {
const $layer = $(layero);
const $container = $('#my-container');
$layer.appendTo($container);
$layer.css('position', 'absolute');
}
});
重写标题栏拖拽逻辑，绑定到父容器坐标系
第一步：在success回调内获取标题栏元素，监听mousedown事件；
第二步：记录鼠标按下时相对于标题栏左上角的偏移量（offsetX/offsetY），同时记录当前弹层left/top值；
第三步：绑定mousemove事件，实时计算新left/top = 鼠标clientX - offsetX + 父容器left偏移，新top = clientY - offsetY + 父容器top偏移；
第四步：每次更新前，强制约束left ∈ [0, 容器宽 − 弹层宽]、top ∈ [0, 容器高 − 弹层高]，使用Math.max与Math.min实现；
第五步：mouseup后解绑mousemove/mouseup事件，避免内存泄漏。
注意：必须用$container.offset()获取父容器在页面中的绝对坐标，再结合event.clientX/clientY做减法，否则坐标系错乱会导致弹窗瞬移或卡死。
确保拖拽热区仅限标题栏且不干扰内部操作
方法一：直接给.layui-layer-title绑定事件，不对.layui-layer整体设move；
方法二：若需兼容自定义标题结构，在success中用$(layero).find('.layui-layer-title')精准选取；
方法三：为防止点击输入框、按钮等触发拖拽，在mousedown处理函数开头加判断：if ($(e.target).is('input, select, textarea, button, a')) return;
