diff --git a/src/components/transfer/list.vue b/src/components/transfer/list.vue
index 099f91fb..2a1ff640 100644
--- a/src/components/transfer/list.vue
+++ b/src/components/transfer/list.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="prefixCls" :style="style">
+    <div :class="classes" :style="style">
         <div :class="prefixCls + '-header'">
             <Checkbox :checked.sync="checkedAll" :disabled="checkedAllDisabled" @on-change="toggleSelectAll"></Checkbox>
             <span>{{ title }}</span>
@@ -53,6 +53,14 @@
             }
         },
         computed: {
+            classes () {
+                return [
+                    `${this.prefixCls}`,
+                    {
+                        [`${this.prefixCls}-with-footer`]: this.showFooter
+                    }
+                ]
+            },
             bodyClasses () {
                 return [
                     `${this.prefixCls}-body`,
diff --git a/src/styles/common/article.less b/src/styles/common/article.less
index 8522b3b0..841057a3 100644
--- a/src/styles/common/article.less
+++ b/src/styles/common/article.less
@@ -33,11 +33,11 @@
         font-size: 14px;
     }
 
-    ul{
+    ul:not([class^="ivu-"]){
         padding-left: 40px;
         list-style-type: disc;
     }
-    li{
+    li:not([class^="ivu-"]){
         margin-bottom: 5px;
         font-size: 14px;
     }
diff --git a/src/styles/common/index.less b/src/styles/common/index.less
index ca44b8ab..b1c64274 100644
--- a/src/styles/common/index.less
+++ b/src/styles/common/index.less
@@ -1,3 +1,4 @@
 @import "base";
 @import "iconfont/ionicons";
-@import "layout";
\ No newline at end of file
+@import "layout";
+@import "article";
\ No newline at end of file
diff --git a/src/styles/components/transfer.less b/src/styles/components/transfer.less
index 2d08ca09..83c05aac 100644
--- a/src/styles/components/transfer.less
+++ b/src/styles/components/transfer.less
@@ -14,6 +14,10 @@
         position: relative;
         padding-top: 35px;
 
+        &-with-footer{
+            padding-bottom: 35px;
+        }
+
         &-header {
             padding: 8px 16px;
             background: @head-bg;
@@ -97,6 +101,10 @@
             border: 1px solid @border-color-base;
             border-top: none;
             border-radius: 0 0 @border-radius-base @border-radius-base;
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            right: 0;
 
             .clearfix();
         }
diff --git a/test/routers/transfer.vue b/test/routers/transfer.vue
index 5a1454c5..0a7fdf3b 100644
--- a/test/routers/transfer.vue
+++ b/test/routers/transfer.vue
@@ -4,7 +4,7 @@
     }
 </style>
 <template>
-    <div style="margin: 50px;">
+    <div class="ivu-article" style="margin: 50px;">
         <Transfer
             :data="data"
             filterable