diff --git a/src/message.css b/src/message.css
index 60fbf156..f2c53b85 100644
--- a/src/message.css
+++ b/src/message.css
@@ -2,6 +2,14 @@
 @import "./common/var.css";
 
 @component-namespace el {
+  .el-message-content {
+    position: fixed;
+    left: 50%;
+    top: 20px;
+    transform: translateX(-50%);
+    z-index: 9999;
+    min-width: 300px;
+  }
 
   @b message {
     box-shadow: var(--message-shadow);
@@ -9,12 +17,10 @@
     padding: var(--message-padding);
     box-sizing: border-box;
     border-radius: var(--border-radius-small);
-    position: fixed;
-    left: 50%;
-    top: 20px;
-    transform: translateX(-50%);
+    position: relative;
+    margin-bottom: 10px;
     background-color: var(--color-white);
-    transition: opacity 0.3s, transform .4s;
+    transition: opacity 0.3s, transform 0.4s;
     overflow: hidden;
 
     @e group {
@@ -81,6 +87,6 @@
   .el-message-fade-enter,
   .el-message-fade-leave-active {
     opacity: 0;
-    transform: translate(-50%, -100%);
+    transform: translate(0, -100%);
   }
 }