diff --git a/src/Manager/MainSection.vue b/src/Manager/MainSection.vue
index 8bd2580..36f8dcd 100644
--- a/src/Manager/MainSection.vue
+++ b/src/Manager/MainSection.vue
@@ -21,3 +21,25 @@ import LeftBar from "@/Manager/LeftBar.vue";
   flex: 1; /* 让内容部分占据剩余空间 */
 }
 </style>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: row;
+}
+
+.content {
+  flex: 1; /* 让内容部分占据剩余空间 */
+}
+</style>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: row;
+}
+
+.content {
+  flex: 1; /* 让内容部分占据剩余空间 */
+}
+</style>
diff --git a/src/manager/manage.vue b/src/manager/manage.vue
index 25e6f15..2e67086 100644
--- a/src/manager/manage.vue
+++ b/src/manager/manage.vue
@@ -1,6 +1,8 @@
-<template style="display: flex;flex-direction: column;">
-    <Header></Header>
-    <MainSection></MainSection>
+<template >
+ <div style="display: flex;flex-direction: column;">
+     <Header></Header>
+     <MainSection></MainSection>
+ </div>
 </template>
 <script setup>
 import Header from "@/Manager/Header.vue";