diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 891f3cf8..3226fbdb 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -121,7 +121,7 @@ aside {
 
 //main-container全局样式
 .app-container {
-  height: calc(100vh - 84px);
+  height: 84vh;
   padding: 10px;
   box-sizing: border-box;
   display: flex;
diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 8d020e05..a1a3c3af 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -29,7 +29,7 @@ export default {
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  height: 85vh;
+  max-height: 85vh;
   // overflow-y: auto;
   width: 100%;
   position: relative;
@@ -43,7 +43,7 @@ export default {
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
-    height: 85vh;
+    max-height: 85vh;
     overflow-y: auto;
   }