Layui select下拉框滚动条根本原因是浏览器自动添加overflow-y:auto，需配合max-height和overflow显式控制；静态选项≤8条可用max-height:none+overflow:visible；动态场景须JS计算真实高度并注入样式，且必须在form.render()后执行。
直接改 .layui-form-select dl 的 max-height 不够
你看到的滚动条，根本原因不是“下拉框太长”，而是浏览器对溢出内容自动加了 overflow-y: auto。Layui 默认给 .layui-form-select dl 设了 max-height: 300px，但只改这个值容易踩两个坑：
- 硬写死
max-height: 120px—— 选项少时留白多，选项多时仍被截断 - 只设
max-height不动overflow—— 浏览器仍按需加滚动条，甚至出现双滚动条（下拉框内 + 弹层外） - 样式加载时机不对 —— 在 layui 初始化前注入 CSS，会被其内部样式覆盖
固定选项数场景：用 max-height: none + overflow: visible
如果你的 select 是静态数据、选项总数稳定 ≤ 8 条，最干净的做法是让下拉完全展开，不滚动：
.layui-form-select dl {
max-height: none !important;
overflow: visible !important;
}
注意必须加 !important，因为 layui 内联样式或后置 CSS 会覆盖普通声明；也别碰 .layui-form-select 本身的 overflow，否则整个下拉区域可能被父容器裁掉。
动态加载/远程选项：JS 动态计算真实高度
选项来自 AJAX 或搜索过滤时，CSS 无法响应行数变化，只能靠 JS 实时读取并设置：
- 等
form.render()执行完再操作，确保 DOM 已就绪 - 用
$('.layui-form-select dl')获取下拉容器，再查dl > dd个数和单行高度（通常约 36px） - 算出总高后，用
$dl.css({ 'max-height': `${totalHeight}px`, 'overflow': 'visible' })注入 - 监听
focus或click事件重算，避免初始渲染后内容变更导致错位
表格（layui-table）里嵌 select 时滚动条消失或错位
这不是下拉框本身的问题，而是定位被表格体截断：.layui-table-body 默认有 overflow: auto，而 .layui-form-select dl 是绝对定位在最近有 position 的父元素上 —— 表格体恰好就是那个父元素。
可行解法只有两个：
- 轻量级：给表格容器加
style="contain: layout"（Chrome/Firefox/Edge 支持，Safari 15.4+），能缓解定位脱离问题 - 可靠但稍重：监听 focus，把
dl移到document.body下，失焦时移回原位（需缓存原始父节点并重绑定事件）
真正自适应，从来不是写一行 CSS 就完事；它依赖你清楚当前选项是静态还是动态、下拉是否被父容器定位上下文限制、以及样式注入是否发生在 layui 渲染完成之后 —— 这三个点漏掉任一个，滚动条都会照常出现。
