diff --git a/packages/effects/common-ui/src/components/page/page.vue b/packages/effects/common-ui/src/components/page/page.vue
index 8d7be8e71..f99efee8f 100644
--- a/packages/effects/common-ui/src/components/page/page.vue
+++ b/packages/effects/common-ui/src/components/page/page.vue
@@ -24,6 +24,12 @@ const contentStyle = computed<StyleValue>(() => {
 
   return {
     '--page-content-height-offset': `${heightOffset}px`,
+    // In auto-content-height mode the content region manages its own scrolling.
+    // Size containment prevents the inner content's min-content height from
+    // feeding back into the outer flex layout, which would clamp the content
+    // region taller than the available space and push the layout footer below
+    // the viewport (see https://github.com/vbenjs/vue-vben-admin/issues/5677).
+    contain: 'size',
     marginBlockEnd: 'var(--page-content-height-offset)',
   };
 });