diff --git a/sites/doc/asset/css/common.scss b/sites/doc/asset/css/common.scss
index 3573bc685e4f5f56c6fbca0ccb34b0443c948460..ae9b8a15eda8274c09a670909734bacd3b24aeee 100644
--- a/sites/doc/asset/css/common.scss
+++ b/sites/doc/asset/css/common.scss
@@ -136,6 +136,7 @@ pre {
     position: relative;
     max-width: 100%;
     overflow: auto;
+    margin
     .code-wrapper{
         width:100%;
         overflow:auto;
@@ -183,6 +184,7 @@ pre {
     border-radius: 4px;
     border: none;
     padding: 20px;
+    margin: 0;
     &>span {
         position: absolute;
         right: 5px;
diff --git a/sites/doc/compents/hidden/hidden.vue b/sites/doc/compents/hidden/hidden.vue
index 027093f75fa7177a31b854413efe02b284d01d85..883cb7f0e780bc9511ac42833fd1b2b16ef44fbd 100644
--- a/sites/doc/compents/hidden/hidden.vue
+++ b/sites/doc/compents/hidden/hidden.vue
@@ -62,7 +62,7 @@ export default {
     mounted(){     
         this.heightSlot = this.$slots.default[0].elm.offsetHeight;
         if(this.heightSlot<400){
-            this.siteHeight = {height:this.heightSlot + 'px'};           
+            this.siteHeight = {height:''};           
         }else{
             this.siteHeight = {height:'300px'};          
         }
@@ -74,6 +74,7 @@ export default {
     position: relative;
    
     background: #F2F4F5;
+    margin: 16px 0;
 }
 .hasPadding{
      padding-bottom:30px;
@@ -89,7 +90,7 @@ export default {
     height: 30px;
     width: 100%;
     bottom: 0;
-    background: linear-gradient(rgba(255, 255, 255, 0.2),#fafafa);
+    background: linear-gradient(rgba(255, 255, 255, 0),#fafafa);
     position: absolute;
     z-index: 999 ;
     text-align: center;