diff --git a/packages/loading/src/directive.js b/packages/loading/src/directive.js
index 017517311..e96237ea0 100644
--- a/packages/loading/src/directive.js
+++ b/packages/loading/src/directive.js
@@ -26,7 +26,11 @@ loadingDirective.install = Vue => {
 
             ['top', 'left'].forEach(property => {
               const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft';
-              el.maskStyle[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px';
+              el.maskStyle[property] = el.getBoundingClientRect()[property] +
+                document.body[scroll] +
+                document.documentElement[scroll] -
+                parseInt(getStyle(document.body, `margin-${ property }`), 10) +
+                'px';
             });
             ['height', 'width'].forEach(property => {
               el.maskStyle[property] = el.getBoundingClientRect()[property] + 'px';
diff --git a/packages/theme-chalk/src/table.scss b/packages/theme-chalk/src/table.scss
index 00913a3da..28db33769 100644
--- a/packages/theme-chalk/src/table.scss
+++ b/packages/theme-chalk/src/table.scss
@@ -282,7 +282,7 @@
     border-bottom: none;
 
     &.el-loading-parent--relative {
-      border: none;
+      border-color: transparent;
     }
 
     th, td {