最直接方案是给 .layui-form-select dl 设置 max-height 并加 !important；表格内需移出 dom 或加 contain: layout；动态选项须 js 计算高度并设 overflow-y: visible。
直接改 .layui-form-select dl 的 max-height
这是最常用也最直接的方案，适用于选项数量固定、页面加载后不变化的场景。Layui 的下拉菜单实际渲染为 .layui-form-select dl 元素，它默认没有 max-height，但浏览器会自动加 overflow-y: auto 导致滚动条出现——你看到“太高”，其实是内容撑开后被截断再滚动，不是真高。
只需在 CSS 中覆盖这一层高度限制：
.layui-form-select dl {
max-height: 120px !important;
}
- 数值按需调整：8 条以内选项可设
100px–140px；若单行高度是36px，8 行就是288px，那就设290px避免滚动 - 必须加
!important，否则会被 layui 内联样式或后续 render 覆盖 - 不要只写
height，那会强制裁剪内容；max-height才是控制“最多展开多高”的正确属性 - 别动
.layui-form-select本身的高度，那是包裹 select 标签的容器，改它没用
表格里下拉框被截断，光调 max-height 不管用
在 .layui-table 里用 templet 渲染 select 时，常见现象是：下拉菜单刚弹出就消失、或只显示几行、或整个表格被撑开。这不是高度设得太高，而是 .layui-table-body 的 overflow: auto 把绝对定位的下拉框给“剪掉”了。
核心矛盾在于：下拉菜单默认挂载在最近的有 position: relative 的父节点上，而表格体恰好是这么设的。
- 临时解法：给表格容器加
style="contain: layout"（现代浏览器支持，Chrome 85+/Firefox 79+）能缓解定位截断，但 IE 和旧版 Safari 不认 - 稳妥做法：监听
focus事件，把.layui-form-select dl移到document.body下，失焦再移回原位——要缓存原始父节点，不然反复 append 会丢事件绑定 - 别试
.layui-table-cell { overflow: visible }，它对position: absolute的子元素无效，CSS 规范里明确写了 overflow 不影响绝对定位元素的裁剪
选项动态加载，高度不能写死怎么办
远程加载选项、搜索过滤、或多选联动导致 dl > dd 数量实时变化时，硬写 max-height: 120px 必然出问题：选项少时留大片空白，选项多时又出现滚动条。
必须用 JS 动态算真实高度并注入内联样式，且时机关键：
- 要在
form.render()之后执行，否则 DOM 还没生成，$(".layui-form-select dl")查不到 - 计算逻辑很简单：
const $dl = $('.layui-form-select dl'); const itemHeight = 36; const count = $dl.find('dd').length; $dl.css('max-height', itemHeight * count + 'px'); - 如果用了
xmSelect或自定义模板，注意dd可能被包装，得用$dl.children().length或查实际可见项 - 别忘了重置
overflow：$dl.css({ 'overflow-y': 'visible', 'max-height': 'none' })更安全，尤其当 count ≤ 6 时
为什么有时候设了 max-height 还是有滚动条
不是代码没生效，而是样式被覆盖或条件冲突。几个高频原因：
-
.layui-form-select dl上有内联style="max-height: 200px"，优先级高于外部 CSS，得用 JS 改或确保你的 CSS 加载在 layui.js 之后 - 同时设置了
overflow-y: auto和max-height，但max-height值小于内容总高，滚动条必然出现——删掉overflow-y或设为visible才能彻底去掉 - 父级元素（比如弹窗
.layui-layer-content）本身有max-height限制，下拉菜单再高也顶不出去，得一并检查 layer 的 area 配置和 content 容器样式 - 用了
layer.open()弹窗，但没配maxHeight选项，长内容会顶穿屏幕顶部，此时调低下拉框高度只是掩耳盗铃
真正自适应不是靠一个 CSS 属性，而是理解 DOM 结构、渲染时机和层叠上下文——高度只是表象，定位和溢出才是根因。
