diff --git a/code-server-like/static/css/index.css b/code-server-like/static/css/index.css
index 17bec68..9fda9b5 100644
--- a/code-server-like/static/css/index.css
+++ b/code-server-like/static/css/index.css
@@ -1,3 +1,35 @@
+body {
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ height: 100vh; /* 使整个页面占据全屏 */
+}
+
+#topbar {
+ padding: 5px;
+ background-color: #f1f1f1;
+ border-bottom: 1px solid #ddd;
+}
+
+#container {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1; /* 让容器填满剩余空间 */
+}
+
+#editorContainer {
+ flex-grow: 3; /* 让编辑器占据三分之二空间 */
+ border-bottom: 1px solid #ddd;
+ background-color: #f5f5f5; /* 可以调整编辑器背景颜色 */
+}
+
+#terminal {
+ flex-grow: 1; /* 让终端占据剩余的空间 */
+ border-top: 1px solid #ddd;
+ background-color: black;
+}
+#fileTree { width: 250px; border-right: 1px solid #ddd; padding: 10px; overflow-y: auto; }
+#searchSidebar { border-left: 1px solid #ddd; display: none; overflow-y: auto; }
/* 给按钮设置统一的样式 */
#topbar button {
diff --git a/code-server-like/templates/index.html b/code-server-like/templates/index.html
index 29b6245..c4d4c86 100644
--- a/code-server-like/templates/index.html
+++ b/code-server-like/templates/index.html
@@ -10,14 +10,6 @@
-