解决layui下拉项文字撑出容器需强制重置.dd样式并处理父级overflow；下拉面板被压窄应设置dl的min-width和width；layer弹窗中select被盖住须用lay-append-to="body"配合fixed定位；表格内select显示不全应避免改overflow，改用lay-select并done回调渲染。
下拉项文字撑出容器：先截断再补样式
直接给 .layui-form-select dl dd 加 white-space: normal 通常无效，因为 layui 渲染时会注入内联样式覆盖它，尤其开启 lay-search 后默认加了 text-overflow: ellipsis 和 white-space: nowrap。
- 在全局 CSS 或
<style></style>块中强制重置：.layui-form-select dl dd { white-space: normal !important; word-break: break-word !important; } - 若选项是 AJAX 动态加载，CSS 可能被后续
form.render()覆盖，需在渲染后手动补样式：$(".layui-form-select dl dd").css({"white-space": "normal", "word-break": "break-word"}); - 务必检查父级是否设了
overflow: hidden（比如表格单元格、弹窗内容区），否则折行内容会被直接裁掉
下拉面板被父容器压窄：改 dl，别动 .layui-form-select
.layui-form-select 的宽度只控制输入框区域，真正决定下拉菜单宽度的是它内部的 dl 元素。而这个 dl 默认受最近「有定位的父元素」约束，在 layer 弹窗、table templet 或嵌套 form 中极易被压扁。
- 目标样式应作用于
.layui-form-select dl：min-width: 200px; width: auto !important; - 若在 layer 弹窗中，
.layui-layer-content的overflow: auto会截断下拉层；更稳妥的做法是用lay-append-to="body"把dl挂到document.body下 - 挂载后必须配
lay-append-position="fixed"，否则页面滚动时下拉层会偏移
layer 弹窗里 select 被盖住：z-index 是假命题
原生 <select></select> 下拉菜单不参与 CSS 层叠上下文，z-index 对它完全无效。Layui 的下拉面板（.layui-form-select dl）是 position: absolute，其层级由最近的 relative/absolute 父容器决定，不是全局数字比大小。
- 硬调
zIndex参数（如zIndex: 999999）大概率失效，甚至因踩到边界值（比如 layer 默认19891014）反而更糟 - 唯一稳定解法是
lay-append-to="body"+lay-append-position="fixed"，并在layer.open的success回调里执行form.render('select', 'your-filter') - 注意：如果弹窗 content 来自已有 DOM（如
content: $('#myForm')），layer 会 clone 节点，事件和渲染都要在success里重做
表格单元格里 select 显示不全：别碰 overflow: visible
.layui-table-box 和 .layui-table-body 的 overflow: hidden 是 Layui 故意设置的，用于控制列对齐和滚动逻辑。强行改成 visible 会导致：
- 表格滚动条失效或错位
- 单元格高度塌陷、文字换行异常
- iOS Safari 可能直接禁用原生下拉行为
- 多级嵌套或 fixed 列场景下，内容溢出到主表区域
正确做法是用 Layui 自带的 lay-select（即带 lay-filter 或 lay-search 的 <select></select>），它生成的是 JS 模拟下拉，DOM 插入 body 下，天然绕过表格容器裁剪；并在表格 done 回调里调用 form.render('select', 'table-wrap-id')。
