diff --git a/public/main.html b/public/main.html
index 0079859..1d1b81f 100644
--- a/public/main.html
+++ b/public/main.html
@@ -8,10 +8,10 @@
     <link rel="stylesheet" href="styles-main.css">
 </head>
 <body background="./bg.png" style="background-size:100% 100%; background-attachment: fixed;">
-    <button class="BackButton" id="BackButton">退出登录</button>
-    <div class="slider-container">
+    <div class="slider-button-container">
         <input type="range" id="mySlider" min="0" max="100" value="50">
         <span id="sliderValue">50</span>
+        <button class="BackButton" id="BackButton">退出登录</button>
     </div>
     <div class="tab-container">
         <div class="tab">
diff --git a/public/styles-main.css b/public/styles-main.css
index 64ef0cc..58bcc0b 100644
--- a/public/styles-main.css
+++ b/public/styles-main.css
@@ -175,8 +175,22 @@ span {
     padding: 5px 10px;
     transition: 0.3s;
     font-size: 12px; /* 调整字体大小 */
+    flex-shrink: 0;
 }
 
 .BackButton:hover {
     background-color: #ff1493; /* 深粉色背景 */
+}
+.slider-button-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+#mySlider {
+    margin-right: 0px; /* 添加间距以分开滑块和按钮 */
+}
+
+#sliderValue {
+    flex-grow: 1;
+    margin-left: 10px; /* 添加间距以分开按钮和滑块值 */
 }
\ No newline at end of file
