diff --git a/styles.css b/styles.css
index 526cb58..39292b5 100644
--- a/styles.css
+++ b/styles.css
@@ -4,6 +4,7 @@
 
 /* 选项卡按钮样式 */
 .tab {
+    display: flex;
     overflow: hidden;
     border: 1px solid #ff69b4; /* 粉色边框 */
     background-color: #ffc0cb; /* 粉色背景 */
@@ -136,3 +137,19 @@ span {
     font-size: 1.2em;
     font-weight: bold;
 }
+#tab-container {
+    display: flex;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
+/* .tab {
+    display: flex;
+} */
+
+.tablinks {
+    display: inline-block;
+    padding: 10px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+}
diff --git a/test.html b/test.html
index f9010e4..595b7c3 100644
--- a/test.html
+++ b/test.html
@@ -12,34 +12,35 @@
         <input type="range" id="mySlider" min="0" max="100" value="50">
         <span id="sliderValue">50</span>
     </div>
-    <div class="tab">
-        <button class="tablinks" data-tab="Tab0">日历</button>
-        <button id="addTab" class="addTab">+</button>
-    </div>
-    <div id="Tab0" class="tabcontent">
-        <h3 id="selectedDate">点击日期后，当前位置显示所点日期</h3>
-        <div class="cldBody">
-            <table>
-                <thead>
-                    <tr>
-                        <td colspan="7">
-                            <div class="top">
-                                <span id="left"><</span>
-                                <span id="topDate"></span>
-                                <span id="right">></span>
-                            </div>
-                        </td>
-                    </tr>
-                    <tr id="week">
-                        <td>日</td>
-                        <td>一</td>
-                        <td>二</td>
-                        <td>三</td>
-                        <td>四</td>
-                        <td>五</td>
-                        <td>六</td>
-                    </tr>
-                </thead>
+    <div class="tab-container">
+        <div class="tab">
+            <button class="tablinks" data-tab="Tab0">日历</button>
+            <button id="addTab" class="addTab">+</button>
+        </div>
+        <div id="Tab0" class="tabcontent">
+            <h3 id="selectedDate">点击日期后，当前位置显示所点日期</h3>
+            <div class="cldBody">
+                <table>
+                    <thead>
+                        <tr>
+                            <td colspan="7">
+                                <div class="top">
+                                    <span id="left"><</span>
+                                    <span id="topDate"></span>
+                                    <span id="right">></span>
+                                </div>
+                            </td>
+                        </tr>
+                        <tr id="week">
+                            <td>日</td>
+                            <td>一</td>
+                            <td>二</td>
+                            <td>三</td>
+                            <td>四</td>
+                            <td>五</td>
+                            <td>六</td>
+                        </tr>
+                    </thead>
                 <tbody id="tbody"></tbody>
             </table>
         </div>