根本原因是.navbar-collapse.show的max-height固定估算值不足且不计算真实内容高度；应设为120vh或240px等可动画的足够大值，禁用position: absolute和overflow: hidden干扰，并确保.dropdown-menu参与撑高。
折叠菜单展开后内容被截断，不是因为 Navbar 本身矮了，而是 .navbar-collapse.show 的 max-height 动画值不够大——Bootstrap 用固定估算值（比如 300px）过渡，不计算真实内容高度。
为什么改了 .navbar 的 padding 没用
移动端折叠菜单的高度和 .navbar 的内边距无关。.navbar-collapse 是独立容器，不继承父级 padding，它靠自己的 max-height 和内部子项（如 .nav-link）的尺寸共同决定视觉高度。你调高 .navbar 的上下内边距，只影响未折叠时的栏高，对展开后的菜单毫无作用。
- 检查 DevTools 的 Computed 面板，确认
.navbar-collapse.show的max-height值是否真被你覆盖生效 - 删掉所有手动加在
.navbar-collapse上的height或max-height媒体查询规则，它们常和 Bootstrap 默认冲突 - 临时加
transition: none禁用动画，如果此时内容不截断，就坐实是max-height不足
.navbar-collapse.show 的 max-height 怎么设才安全
不能设 max-height: none 或 fit-content，CSS transition 不支持这些值作动画终点，会导致展开“闪现”，失去过渡效果。
- 通用稳妥方案：
.navbar-collapse.show { max-height: 120vh !important; }——vh相对视口，兼顾大小屏，!important确保压过 Bootstrap 默认规则 - 精简场景（≤5 个
.nav-link）：.navbar-collapse.show { max-height: 240px !important; }——每项约 48px 高 + 余量，更轻量，避免低端机重排卡顿 - 别写
100%：它不触发过渡；也别在@media里重复覆盖，统一放全局 CSS 最后追加
下拉菜单（.dropdown）导致高度错位怎么办
.dropdown-menu 默认是 position: absolute，脱离文档流，父容器 .navbar-collapse 无法感知其高度。点开后菜单向上溢出、被切半，或整个折叠区突然撑高又错位，本质是高度没被 max-height 包含。
- 让下拉菜单参与撑高：
.navbar-collapse.show .dropdown-menu { position: static !important; } - 或禁用 Popper.js 定位：
<ul class="dropdown-menu" data-bs-popper="static"> - 检查是否在
@media (max-width: 991.98px)下误写了.dropdown-menu { top: 100% }——移动端折叠态不需要这个规则，删掉
容易被忽略的硬坑
真正麻烦的不是数值本身，而是 Bootstrap 把 .navbar-collapse 当成一个“动画盒子”来设计：它依赖固定 max-height 过渡，不关心内容真实高度；同时，position: absolute、overflow: hidden、图标字体加载延迟这些隐性因素，都会在首次展开时放大截断风险。哪怕你写了 120vh，若子元素有 overflow: hidden 或意外 position: absolute，照样白搭。
