修复文档模块样式

src/routes/main/modules/api-doc/index.less

 .main {
   width:100%;
-  // height: 100%;
   position: relative;
   margin:0 auto;
-  overflow:auto;
-  _display:inline-block;
+  background:rgb(250, 250, 250);
   .catalogue {
-    width:200px;
-    // height: 100%;
-    float:left;
-    // background:#6F0;
     font-size: 16px;
     font-weight: bold;
     margin-top: 1em;
     list-style-type: cjk-ideographic;
-    overflow-y: scroll;
     li{
       margin-bottom: 15px;
     }
@@ -23,11 +16,14 @@
     }
   }
   .leftMenu {
-    position: fixed;
+    width:250px;
+    height: 100%;
+    float: left;
+    overflow-y: scroll;
   }
   .contents {
-    margin-left: 200px;
+    margin-left: 250px;
     height: 100%;
-    background:#FC0;
+    overflow-y: scroll;
   }
 }

src/routes/main/modules/api-doc/main.js

 /* eslint-disable no-undef */
 import React from 'react';
+import cs from 'classnames';
 import { Link, Route, Switch } from 'dva/router';
 import 'github-markdown-css';
+import { withSize } from '../../../../components/hoc/size';
 import styles from './index.less';
 import mdIndex from './index.md';
 import mdAuth from './auth.md';
@@ -12,11 +14,11 @@ import md from './markdown';
 
 class DocMainPage extends React.PureComponent {
   render() {
-    const { match } = this.props;
+    const { match, size } = this.props;
     const pages = createPages(match);
     return (
-      <div className={styles.main}>
-        <div className={styles.leftMenu}>
+      <div className={styles.main} style={{ height: size.height }}>
+        <div className={cs('markdown-body', styles.leftMenu)}>
           <ul className={styles.catalogue}>
             <li>
               <Link to={`${match.url}/index`}>前置说明</Link>
@@ -57,4 +59,4 @@ class DocMainPage extends React.PureComponent {
   }
 }
 
-export default DocMainPage;
+export default withSize(DocMainPage);