唯一稳定解法是用lay-append-to="body"配合lay-append-position="fixed"，并在layer.open的success回调中执行form.render()；因原生select不参与CSS层叠上下文，z-index无效，其面板层级由最近定位父容器决定，硬调zIndex易踩边界。
直接用 lay-append-to="body" + lay-append-position="fixed"，再配合 form.render() 在 success 回调里执行——这是 layui 2.9.12+ 唯一稳定、无副作用的解法。
为什么 z-index 调来调去还是被盖住
原生 <select></select> 下拉菜单不参与 CSS 层叠上下文，z-index 对它完全无效；Layui 的下拉面板（.layui-form-select dl）是 position: absolute，层级由最近的 relative/absolute 父容器决定，不是全局 z-index。layer 默认 zIndex: 19891014，而 select 面板计算后的真实层级常低于它，硬改数字容易踩边界（比如设成 19891013 反而更糟）。
lay-append-to="body" 必须配 success 里的 form.render()
属性写了但下拉仍被截断，大概率是渲染时机错了：
- 弹窗内容是 JS 动态插入（如
layero.find('.layui-form').append('<select lay-append-to="body"></select>')），没调form.render('select')就等于没注册 - 用了
type: 2（iframe），lay-append-to="body"指的是 iframe 内部的body，不是主页面 - 弹窗内容来自已有 DOM 节点（如
content: $('#myForm')），layer 会 clone 节点并重置事件绑定，必须在success里重新form.render() - 推荐写法：
form.render('select', 'your-filter-name')，用lay-filter做局部刷新，避免影响其他区域
表格里嵌 select 别碰 overflow: visible
.layui-table-box 和 .layui-table-body 的 overflow: hidden 是故意设的，为控制滚动和列对齐。强行改成 visible 会引发连锁问题：
-
.layui-table-box失去溢出控制 → 滚动条失效或错位 -
.layui-table-cell改overflow→ 触发 Layui 内部样式重置，单元格高度塌陷、文字换行异常 - 多级嵌套或 fixed 列场景下，内容会溢出到主表区域
- iOS Safari 可能直接禁用原生下拉行为
正确做法：用 Layui 自带的 lay-select（即带 lay-search 或 lay-filter 的 <select></select>），它生成的是 JS 模拟下拉，DOM 插入 body 下，天然绕过表格容器裁剪；并在表格 done 回调里调 form.render('select', 'table-wrap-id')。
老版本（
如果项目卡在旧版，或需要异步搜索、多选、图标选项等 lay-select 不支持的功能，就得自己接管浮层：
- 别用
layer.open弹 select —— 它会创建新 DOM 树，脱离表格/弹窗上下文，定位和销毁都难处理 - 用
dropdown.render()，关键点是定位：elem.getBoundingClientRect()获取目标td相对于视口的位置，别用offsetTop（受transform影响） - 下拉层 DOM 必须加
class="layui-dropdown"，否则键盘导航、主题色、关闭逻辑全丢失 - 每次打开前先
dropdown.close(lastId)，否则重复打开会累积多个浮层，内存泄漏
真正容易被忽略的点是：哪怕用了 lay-append-to="body"，只要父容器没加 class="layui-form"，或者没加载 form 模块，form.render() 就会静默失败——它不会报错，只是什么也不做。
