dropdown-menu-end 无效是因为它仅控制右对齐，不解决定位容器缺失或空间不足问题；需确保父容器有 position: relative、.dropdown 在 .navbar-collapse 内而非 .navbar-nav 中，并正确使用 dropup 或 d-flex ms-auto 等配合类。
下拉菜单超出屏幕范围，不是 dropdown-menu-end 没起作用，而是它被加在了错误的位置，或根本没生效——这个 class 只控制“对齐方式”，不解决“空间不足时自动翻转”或“父容器定位失效”的问题。
dropdown-menu-end 为什么加了也不顶用
这个类只让 .dropdown-menu 的右边缘对齐其“定位容器”的右边缘。但如果你的定位容器是 <ul class="navbar-nav">（默认左对齐、无 position: relative），那菜单就会被塞到整个导航栏最右边，而不是按钮右侧；更糟的是，如果父容器没设 position: relative，Popper 会退回到 body 作为定位参考，导致菜单飘在页面任意位置。
- 检查
.dropdown的直接父级是否带position: relative（尤其.navbar-collapse必须有） - 确认没把
.dropdown塞进<ul class="navbar-nav">里——它应该放在<ul>外、<div class="navbar-collapse">内部 - 删掉任何手动写的
style="top: 100%"或transform，这些会被 Popper 覆盖，反而干扰重定位
菜单被截断或悬空在屏幕底部怎么办
这是 Popper 检测到下方空间不够时的 fallback 行为缺失所致。Bootstrap 5 不会自动向上翻转，除非你明确告诉它“该向上弹”。
- 给最外层容器（不是
.dropdown-menu）加dropup类：它会强制菜单向上展开，并自动翻转箭头和锚点逻辑 - 如果既要
dropup又要右对齐，就在.dropdown-menu上额外加dropdown-menu-end - 避免在移动端依赖 hover 触发——
dropup在触屏设备上需配合点击，否则菜单可能一闪即逝
Navbar 里怎么真正让菜单贴着右上角按钮弹出
关键不在菜单本身，而在让触发器“浮到最右”，并确保 Popper 锚点精准落在按钮上。
立即学习“前端免费学习笔记（深入）”；
- 把
<div class="dropdown">移出<ul class="navbar-nav">，放到<div class="navbar-collapse">内部、</ul>之后 - 给它的**直接父容器**加
d-flex ms-auto（不是加在.dropdown自身上） -
.dropdown-menu上只加dropdown-menu-end，不要加dropend——后者会让菜单从按钮右侧横向弹出，不是你想要的“向下+右对齐” - 触发按钮必须是
<a class="nav-link">或<button class="btn">，且包裹在<div class="nav-item">里，否则 Popper 找不到语义锚点
最容易被忽略的是：所有方向类（dropup、dropstart、dropdown-menu-end）都依赖 data-bs-toggle="dropdown" 和正确的 DOM 层级。漏掉任何一个，JS 就不会初始化下拉行为，CSS 类也就成了摆设。
