diff --git a/biji-qianduan/src/assets/styles/mobile.css b/biji-qianduan/src/assets/styles/mobile.css
index 8224fc4..9b89b58 100644
--- a/biji-qianduan/src/assets/styles/mobile.css
+++ b/biji-qianduan/src/assets/styles/mobile.css
@@ -17,6 +17,21 @@
 
   .home-page.is-mobile .content {
     padding: 8px;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .home-page.is-mobile .list-view-container {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  .home-page.is-mobile .note-list-wrapper {
+    flex: 1;
+    overflow-y: auto;
   }
 
   .sidebar-overlay {
@@ -140,4 +155,4 @@
 
 .fab .el-icon {
   font-size: 24px; /* 调整图标大小 */
-}
\ No newline at end of file
+}
diff --git a/biji-qianduan/src/components/HomePage.vue b/biji-qianduan/src/components/HomePage.vue
index 4c1e6ef..d45fa57 100644
--- a/biji-qianduan/src/components/HomePage.vue
+++ b/biji-qianduan/src/components/HomePage.vue
@@ -43,7 +43,7 @@
         />
 
         <!-- Home/List View -->
-        <div v-else>
+        <div v-else class="list-view-container">
           <HomeHeader
               :is-mobile="isMobile"
               v-model:search-keyword="searchKeyword"
@@ -56,11 +56,13 @@
               @upload-markdown="handleMarkdownUpload"
               @toggle-collapse="isCollapsed = !isCollapsed"
           />
-          <NoteList
-              :files="groupMarkdownFiles"
-              :is-user-logged-in="userStore.isLoggedIn"
-              @preview="previewFile"
-          />
+          <div class="note-list-wrapper">
+            <NoteList
+                :files="groupMarkdownFiles"
+                :is-user-logged-in="userStore.isLoggedIn"
+                @preview="previewFile"
+            />
+          </div>
         </div>
       </el-main>
     </el-container>
@@ -497,6 +499,17 @@ watch([selectedFile, showEditor], ([newFile, newShowEditor]) => {
 </style>
 
 <style scoped>
+.list-view-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.note-list-wrapper {
+  flex: 1;
+  overflow-y: auto;
+}
+
 .home-page {
   height: 100vh;
   overflow: hidden;