必须将 layer 弹窗 dom 节点手动移入目标容器并重置为 absolute 定位，设置 left/top 为 50% 与 transform 居中，再调用 layer.style 同步内部状态，否则定位错乱、拖拽失效。
要在网页中某个固定 div 容器（比如 #popup-area）内精准弹出 layui layer 弹窗，而不是默认挂载到 document.body 全局定位，必须绕过 layer 的默认 DOM 插入逻辑，在弹层渲染完成后手动迁移节点并重置定位体系——否则所有 offset、area 配置都仍按视口计算，与目标容器无关。
将 layer 弹窗强制移入指定 div 容器
这一步是核心前提：layer.open 默认把弹窗插入 document.body 最末尾，天然脱离任何父级容器的定位上下文。不迁移 DOM 节点，后续所有样式修正都是徒劳。
第一步：调用 layer.open()，必须启用 success 回调，且不能设 fixed: false（否则定位参考失效）；
第二步：在 success 回调中，用 jQuery 或原生 JS 获取弹层 DOM（layero）和目标容器（如 $('#popup-area')）；
第三步：执行 $container.append(layero) 将弹层节点移入目标 div；
第四步：关键操作——立即重置弹层定位为 absolute，并用 transform: translate(-50%, -50%) 居中，同时显式设置 left: '50%' 和 top: '50%'；【不重置定位会导致弹窗仍按视口偏移，移入后直接飞出容器】
第五步：调用 layer.style(index, {position: 'absolute'}) 通知 layer 当前已非 fixed 模式，保障拖拽、关闭等交互正常；否则 layer 内部状态错乱，拖拽会失灵或位置跳变。
适配容器尺寸与居中逻辑
移入容器后，弹窗不再自动居中——它的“居中”必须相对于目标容器计算，而非整个页面。
方法一：手动计算容器内居中坐标
在 success 回调中，先获取容器 offset()、width()、height()，再获取弹层 outerWidth()、outerHeight()，最后用 $layer.css({ left: containerLeft + (containerW - layerW)/2, top: containerTop + (containerH - layerH)/2 }) 精确放置；
方法二：用 CSS transform 居中（推荐）
直接设 $layer.css({ position: 'absolute', left: '50%', top: '50%', transform: 'translate(-50%, -50%)' })，无需手动算像素值，兼容容器宽高动态变化；
注意：若容器本身有 padding 或 border，需在计算时减去，否则弹窗边缘会贴住容器内边而非视觉居中。
修复 layer 内部状态以保障交互可用
移入新容器后，layer 的内置状态（如拖拽热区、关闭按钮绑定、zIndex 管理）仍按原始 body 上下文运行，必须手动同步。
第一步：调用 layer.style(index, {position: 'absolute', zIndex: 19891015}) 强制刷新 layer 的定位元数据；
第二步：若需拖拽，必须重新绑定 move 和 drag，例如 layer.style(index, {move: '.layui-layer-title', drag: true})；
第三步：关闭按钮点击事件可能失效，应在 success 中手动绑定：$(layero).find('.layui-layer-close').on('click', function(){ layer.close(index); })；
【漏掉 layer.style() 重置，拖拽时弹窗会瞬间飞回 body 底部，且无法再次拖动】
