diff --git a/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue b/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
index 8c7a9dd..955f60b 100644
--- a/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
+++ b/clinical-web/src/views/management/users/components/RoleApiPermissionPanel.vue
@@ -118,9 +118,12 @@ function isSelected(permissionId: string) {
   margin-top: 14px;
 }
 
+/* 必须是 height 而不是 min-height：min-height 只有下限没有上限，
+   权限目录一多，面板会跟着内容一起长高，被抽屉的 overflow: hidden 直接裁掉，
+   内部就没有任何可滚动区域了。 */
 .drawer-panel {
   display: flex;
-  min-height: 100%;
+  height: 100%;
   flex-direction: column;
   margin-top: 0;
   overflow: hidden;
@@ -207,8 +210,11 @@ function isSelected(permissionId: string) {
   padding: 16px;
 }
 
+/* min-height: 0 让这个 flex 子项能被压缩到内容高度以下，
+   否则它会撑到内容高度，overflow: auto 永远触发不了 */
 .drawer-panel .api-permission-layout {
   flex: 1;
+  min-height: 0;
   overflow: auto;
 }