diff --git a/src/components/GlobalHeader/index.less b/src/components/GlobalHeader/index.less
index a9b11458a5db28a73fa36210ad4238a5d14e02be..f1928d4cd9e9656c9d997eaa854fd81eac5d13cc 100644
--- a/src/components/GlobalHeader/index.less
+++ b/src/components/GlobalHeader/index.less
@@ -8,13 +8,6 @@
   position: relative;
 }
 
-:global {
-  .ant-layout {
-    min-height: 100vh;
-    overflow-x: hidden;
-  }
-}
-
 .logo {
   height: 64px;
   line-height: 58px;
diff --git a/src/components/SiderMenu/SliderMenu.js b/src/components/SiderMenu/SliderMenu.js
index 1f4c03397e860482d4cf2647779f3496787865e5..5bd10b1661e7c2255e93d6f6d61104b544fb4f18 100644
--- a/src/components/SiderMenu/SliderMenu.js
+++ b/src/components/SiderMenu/SliderMenu.js
@@ -220,7 +220,7 @@ export default class SiderMenu extends PureComponent {
     });
   };
   render() {
-    const { logo, collapsed, onCollapse, theme } = this.props;
+    const { logo, collapsed, onCollapse, fixSiderbar, theme } = this.props;
     const { openKeys } = this.state;
     const defaultProps = collapsed ? {} : { openKeys };
     return (
@@ -231,7 +231,9 @@ export default class SiderMenu extends PureComponent {
         breakpoint="lg"
         onCollapse={onCollapse}
         width={256}
-        className={`${styles.sider} ${theme === 'light' ? styles.light : ''}`}
+        className={`${styles.sider} ${fixSiderbar ? styles.fixSiderbar : ''} ${
+          theme === 'light' ? styles.light : ''
+        }`}
       >
         <div className={styles.logo} key="logo" id="logo">
           <Link to="/">
diff --git a/src/components/SiderMenu/index.less b/src/components/SiderMenu/index.less
index 3ef766f7ab5d767dda0092383253f39158f3098e..d398562778867c79b1f828d9997aeb5cdbb0015d 100644
--- a/src/components/SiderMenu/index.less
+++ b/src/components/SiderMenu/index.less
@@ -29,6 +29,11 @@
   box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
   position: relative;
   z-index: 10;
+  &.fixSiderbar {
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
   &.light {
     box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
     background-color: white;
diff --git a/src/layouts/BasicLayout.js b/src/layouts/BasicLayout.js
index 3544dd53e70a1fc68f03fa3bf4b981a5d32f24eb..20174c4e8f9820dfe91227736cfe1530dea1adee 100644
--- a/src/layouts/BasicLayout.js
+++ b/src/layouts/BasicLayout.js
@@ -84,10 +84,10 @@ class BasicLayout extends React.PureComponent {
     return title;
   }
   getLayoutStyle = () => {
-    const { fixSiderbar } = this.props;
+    const { fixSiderbar, collapsed } = this.props;
     if (fixSiderbar) {
       return {
-        height: '100vh',
+        paddingLeft: collapsed ? '80px' : '256px',
       };
     }
     return null;