diff --git a/src/components/carousel/carousel.vue b/src/components/carousel/carousel.vue
index 4ab1ad92..55d19442 100644
--- a/src/components/carousel/carousel.vue
+++ b/src/components/carousel/carousel.vue
@@ -101,7 +101,7 @@
             dotsClasses () {
                 return [
                     `${prefixCls}-dots`,
-                    `${prefixCls}-arrow-${this.dots}`
+                    `${prefixCls}-dots-${this.dots}`
                 ]
             },
             activeDot (n) {
diff --git a/src/styles/components/carousel.less b/src/styles/components/carousel.less
index 6cef9b33..fda1001c 100644
--- a/src/styles/components/carousel.less
+++ b/src/styles/components/carousel.less
@@ -105,11 +105,22 @@
     &-dots {
         @padding: 7px;
 
-        position: absolute;
-        bottom: 10px - @padding;
+        position: relative;
+        &-inside {
+            position: absolute;
+            bottom: 10px - @padding;
+        }
+
+        &-outside {
+            margin-top: 10px - @padding;
+        }
+
+        display: block;
+        &-none {
+            display: none;
+        }
 
         list-style: none;
-        display: block;
 
         text-align: center;