diff --git a/web/app/terminal.html b/web/app/terminal.html
index 29f98009..1033da8a 100644
--- a/web/app/terminal.html
+++ b/web/app/terminal.html
@@ -36,7 +36,10 @@
   </header>
 
   <!-- Terminal Area -->
-  <div id="terminalArea" class="bg-slate-950 flex flex-col relative">
+  <div id="terminalArea" class="flex-1 min-h-0 flex flex-col relative">
+    <div id="termContainer" class="flex-1 min-h-0 relative">
+      <!-- term instances injected here -->
+    </div>
     <div id="disconnectOverlay" class="hidden absolute inset-0 bg-slate-950/80 backdrop-blur-sm flex flex-col items-center justify-center z-50">
       <div id="disconnectMsg" class="text-slate-300 text-lg mb-1">连接已断开</div>
       <div id="reconnectCountdown" class="text-slate-500 text-sm mb-4 hidden"></div>
@@ -199,7 +202,7 @@ async function newSession(serverId) {
   const div = document.createElement('div');
   div.id = sid;
   div.className = 'term-instance hidden';
-  document.getElementById('terminalArea').prepend(div);
+  document.getElementById('termContainer').prepend(div);
 
   const term = createTerminal();
   const fitAddon = new FitAddon.FitAddon();