diff --git a/css/libCss/common.css b/css/libCss/common.css
index d63cd8b..0e190ba 100644
--- a/css/libCss/common.css
+++ b/css/libCss/common.css
@@ -56,6 +56,11 @@ header{
     margin-right: 32px;
 }
 /*左侧栏--------------------------------------------------*/
+.main-wrap{
+   min-width: 1400px;
+    overflow-x: scroll;
+    height: calc(100% - 80px);
+}
 nav{
     width: 200px;
     height: 100%;
diff --git a/index.html b/index.html
index 0530164..b194b1f 100644
--- a/index.html
+++ b/index.html
@@ -26,45 +26,48 @@
             <!--<span class="java-loginout"></span>-->
         </div>
 </header>
-<nav class="float-left">
-    <ul class="nav-ul">
-        <li class="visitActive">
-            任你停
-        </li>
-        <li>
-            PDA
-        </li>
-        <li>
-            微信服务号
-        </li>
-        <li>
-            第三方
-        </li>
-    </ul>
-</nav>
-<section class="float-left">
-    <div class="section-wrap">
-        <div class="link-div">
-            <span>总体概况</span>
-            <span>API  列表</span>
-        </div>
-        <div class="link-con">
-            <div class="link-con-1">
-                <div class="link-con-left float-left">
-                    <div class="link-con-left-wrap marginright32"></div>
-                    <div class="link-con-left-wrap"></div>
-                    <div class="clearfix"></div>
-                    <div></div>
-                </div>
-                <div class="link-con-right float-left">2</div>
+<div class="main-wrap">
+    <nav class="float-left">
+        <ul class="nav-ul">
+            <li class="visitActive">
+                任你停
+            </li>
+            <li>
+                PDA
+            </li>
+            <li>
+                微信服务号
+            </li>
+            <li>
+                第三方
+            </li>
+        </ul>
+    </nav>
+    <section class="float-left">
+        <div class="section-wrap">
+            <div class="link-div">
+                <span>总体概况</span>
+                <span>API  列表</span>
             </div>
+            <div class="link-con">
+                <div class="link-con-1">
+                    <div class="link-con-left float-left">
+                        <div class="link-con-left-wrap marginright32"></div>
+                        <div class="link-con-left-wrap"></div>
+                        <div class="clearfix"></div>
+                        <div></div>
+                    </div>
+                    <div class="link-con-right float-left">2</div>
+                </div>
 
 
-            <!--API别表-->
-            <div class="link-con-1 display-none">display-none</div>
+                <!--API别表-->
+                <div class="link-con-1 display-none">display-none</div>
+            </div>
         </div>
-    </div>
-</section>
+    </section>
+</div>
+
 
 <script type="text/javascript" src="js/libJs/jquery.min.js"></script>
 <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script>