diff --git a/src/assets/style/fixed/base.scss b/src/assets/style/fixed/base.scss
index 00fe6b93..42507ac7 100644
--- a/src/assets/style/fixed/base.scss
+++ b/src/assets/style/fixed/base.scss
@@ -5,11 +5,7 @@ html, body {
   height: 100%;
   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
   #app {
-    position: absolute;
-    top: 0px;
-    bottom: 0px;
-    left: 0px;
-    right: 0px;
+    @extend %full;
     overflow: hidden;
     a {
       text-decoration: none;
diff --git a/src/assets/style/theme/theme-base.scss b/src/assets/style/theme/theme-base.scss
index e5d62ae5..a80eb9ff 100644
--- a/src/assets/style/theme/theme-base.scss
+++ b/src/assets/style/theme/theme-base.scss
@@ -8,19 +8,11 @@
   position: relative;
   // 背景上面的半透明遮罩
   .d2-layout-main-mask {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+    @extend %full;
   }
   // 内容层
   .d2-layout-main-content {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    bottom: 0px;
-    left: 0px;
+    @extend %full;
     $d2-theme-header-height: 60px;
     .d2-theme-header {
       position: absolute;
@@ -42,11 +34,7 @@
         flex-grow: 0;
         position: relative;
         .d2-layout-main-menu-side {
-          position: absolute;
-          top: 0px;
-          bottom: 0px;
-          left: 0px;
-          right: 0px;
+          @extend %full;
           overflow: hidden;
         }
       }
@@ -256,11 +244,7 @@
         .d2-theme-container-main-body {
           // 布局组件
           .container-component {
-            position: absolute;
-            top: 0px;
-            bottom: 0px;
-            left: 0px;
-            right: 0px;
+            @extend %full;
             overflow: hidden;
             // 填充式布局组件
             .d2-container-full {
diff --git a/src/components/demo/d2-demo-page-cover/index.vue b/src/components/demo/d2-demo-page-cover/index.vue
index 4454bf8e..e8142606 100644
--- a/src/components/demo/d2-demo-page-cover/index.vue
+++ b/src/components/demo/d2-demo-page-cover/index.vue
@@ -41,11 +41,7 @@ export default {
   }
 }
 .page-index-article-body {
-  position: absolute;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
+  @extend %full;
   display: flex;
   flex-flow: column nowrap;
   justify-content: center;
diff --git a/src/pages/demo/components/bigdata-table/index.vue b/src/pages/demo/components/bigdata-table/index.vue
index 6e6dc30e..f0f80662 100644
--- a/src/pages/demo/components/bigdata-table/index.vue
+++ b/src/pages/demo/components/bigdata-table/index.vue
@@ -132,11 +132,6 @@ export default {
 <style lang="scss">
 .wraper{
   height: 400px;
-  // position: absolute;
-  // top: 0px;
-  // right: 0px;
-  // left: 0px;
-  // right: 0px;
   overflow: auto;
 }
 </style>