layer.open()无法直接指定容器，必须在success回调中将弹层DOM移入目标元素、重置定位并手动计算居中坐标，否则拖拽、居中和resize均失效。
不能靠 layer.open() 的配置项直接实现——它默认挂载到 document.body，没有 container 或 target 参数。必须手动移动 dom 节点并重置定位逻辑。
为什么 fixed: false 和 offset 不起作用
fixed: false 只是禁用 position: fixed，但 layer 仍会用 top/left 像素值强行定位到视口坐标；offset 也是基于 window 计算的，和你的目标容器无关。不接管 DOM，永远“出不来” body。
- 即使设了
offset: ['50%', '50%']，layer 内部会在渲染后覆盖transform或重写style.left/top -
area控制宽高，但锚点仍是 viewport，不是容器边界 - 所有自动居中、拖拽、resize 行为都默认以 document 为参考系，不会感知父容器
success 回调里怎么把弹层塞进指定 div
必须等 layer 渲染完成（DOM 插入且尺寸可读），再把最外层 .layui-layer 移动过去，并改定位方式。
- 目标容器（如
#my-container）必须有position: relative或absolute，否则position: absolute会向上找 body 定位 - 在
success里用$(layero)拿到弹层根节点，$('#my-container').append(layero)移入 - 立刻执行
$(layero).css({ position: 'absolute', top: 'auto', left: 'auto' })，清除 layer 自带的固定坐标 - 调用
layer.style(index, { top: 'auto', left: 'auto' })通知 layer 重置拖拽状态，否则鼠标拖动会错位
如何让弹层在容器内真正居中
不能依赖 layer 的自动居中，得自己算容器内坐标 + transform 微调。
- 先用
$('#my-container').offset()和.width()/.height()获取容器位置与尺寸 - 用
$(layero).outerWidth()/outerHeight()获取弹层实际尺寸（注意 padding/border） - 计算 left = 容器 left + (容器宽 − 弹层宽) / 2，top 同理
- 设置
$(layero).css({ left: xxx, top: xxx })，不要用transform: translate()—— layer 的 resize 和拖拽会干扰它 - 如果容器有滚动条，弹层不会随其滚动，这是正常行为；如需跟随，得监听容器
scroll并手动更新top/left
最关键的不是代码多寡，而是顺序：移节点 → 改 position → 清 layer 坐标 → 调 layer.style → 手动设 left/top。漏掉任意一步，拖拽、居中或 resize 都可能失效。
