layui 导航子菜单默认向下弹出且不支持原生方向配置；可通过 css 覆盖实现向上弹出，横向弹出需自定义 dom 与样式并绕过默认渲染逻辑。
Layui 的水平导航条（.layui-nav）默认子菜单（.layui-nav-child）是向下弹出的，且不提供原生类名或属性直接修改弹出方向（如向上、向左、向右）。它的定位逻辑由内置 JS 控制，基于 Popper 原理自动计算空间并翻转，但**不暴露 placement 配置项**，也不支持类似 Bootstrap 的 dropup 类。
子菜单方向无法直接配置，但可绕过限制实现向上弹出
Layui 源码中，.layui-nav-child 的定位是通过 JS 动态设置 top 和 left 实现的，默认始终尝试向下展开。若想强制向上弹出（例如避免被顶部浏览器边界截断），需手动覆盖其定位行为：
- 给触发项（
.layui-nav-item）添加自定义 class，如nav-up - 用 CSS 强制子菜单出现在上方：
.nav-up .layui-nav-child { top: auto !important; bottom: 100% !important; margin-bottom: 4px !important; } - 确保父容器有相对定位：
.layui-nav { position: relative; }（Layui 默认已设，但检查是否被覆盖）
横向弹出（向右/向左）需重写结构与样式
Layui 不支持原生横向子菜单。若需向右弹出（类似下拉侧边栏），必须放弃 .layui-nav-child 的默认结构，改用自定义 DOM + 手动控制显隐：
- 将
<dl class="layui-nav-child"></dl>替换为<div class="my-dropdown-menu"> <li>用 <code>position: absolute; left: 100%; top: 0;实现向右展开 - 用
layui.use('dropdown')或原生click事件控制显示/隐藏，绕过element.render('nav')的默认逻辑 - 调用
element.render('nav')会重置子菜单的display和位置，因此自定义方向后应避免重复渲染 - 不要依赖
lay-shrink或lay-bar等属性影响方向，它们只控制收缩逻辑和滑块，不影响弹出方位 - 若页面有滚动容器（如
overflow: hidden），需确保子菜单的z-index足够高，并检查父级是否裁剪了溢出内容
关键注意事项
所有方向调整都需配合 JS 行为修正，否则会出现状态错乱：
