diff --git a/src/dropdown-item/index.less b/src/dropdown-item/index.less
index 162dbe41b..1c292fb26 100644
--- a/src/dropdown-item/index.less
+++ b/src/dropdown-item/index.less
@@ -28,6 +28,7 @@
 
   &__content {
     position: absolute;
+    max-height: @dropdown-menu-content-max-height;
   }
 
   &__icon {
diff --git a/src/dropdown-menu/demo/index.vue b/src/dropdown-menu/demo/index.vue
index c0df81d5f..b9c9038f4 100644
--- a/src/dropdown-menu/demo/index.vue
+++ b/src/dropdown-menu/demo/index.vue
@@ -2,84 +2,40 @@
   <demo-section>
     <demo-block :title="$t('basicUsage')">
       <van-dropdown-menu>
-        <van-dropdown-item
-          v-model="value1"
-          :options="option1"
-        />
-        <van-dropdown-item
-          v-model="value2"
-          :options="option2"
-        />
+        <van-dropdown-item v-model="value1" :options="option1" />
+        <van-dropdown-item v-model="value2" :options="option2" />
       </van-dropdown-menu>
     </demo-block>
 
     <demo-block :title="$t('customContent')">
       <van-dropdown-menu>
-        <van-dropdown-item
-          v-model="value1"
-          :options="option1"
-        />
-        <van-dropdown-item
-          :title="$t('itemTitle')"
-          ref="item"
-        >
-          <van-switch-cell
-            v-model="switch1"
-            :title="$t('switchTitle1')"
-          />
-          <van-switch-cell
-            v-model="switch2"
-            :title="$t('switchTitle2')"
-          />
-          <van-button
-            type="info"
-            block
-            @click="onConfirm"
-          >
-            {{ $t('confirm') }}
-          </van-button>
+        <van-dropdown-item v-model="value1" :options="option1" />
+        <van-dropdown-item :title="$t('itemTitle')" ref="item">
+          <van-switch-cell v-model="switch1" :title="$t('switchTitle1')" />
+          <van-switch-cell v-model="switch2" :title="$t('switchTitle2')" />
+          <van-button type="info" block @click="onConfirm">{{ $t('confirm') }}</van-button>
         </van-dropdown-item>
       </van-dropdown-menu>
     </demo-block>
 
     <demo-block :title="$t('customActiveColor')">
       <van-dropdown-menu active-color="#ee0a24">
-        <van-dropdown-item
-          v-model="value1"
-          :options="option1"
-        />
-        <van-dropdown-item
-          v-model="value2"
-          :options="option2"
-        />
+        <van-dropdown-item v-model="value1" :options="option1" />
+        <van-dropdown-item v-model="value2" :options="option2" />
       </van-dropdown-menu>
     </demo-block>
 
     <demo-block :title="$t('expandDirection')">
       <van-dropdown-menu direction="up">
-        <van-dropdown-item
-          v-model="value1"
-          :options="option1"
-        />
-        <van-dropdown-item
-          v-model="value2"
-          :options="option2"
-        />
+        <van-dropdown-item v-model="value1" :options="option1" />
+        <van-dropdown-item v-model="value2" :options="option2" />
       </van-dropdown-menu>
     </demo-block>
 
     <demo-block :title="$t('disableMenu')">
       <van-dropdown-menu>
-        <van-dropdown-item
-          v-model="value1"
-          disabled
-          :options="option1"
-        />
-        <van-dropdown-item
-          v-model="value2"
-          disabled
-          :options="option2"
-        />
+        <van-dropdown-item v-model="value1" disabled :options="option1" />
+        <van-dropdown-item v-model="value2" disabled :options="option2" />
       </van-dropdown-menu>
     </demo-block>
   </demo-section>
@@ -104,7 +60,7 @@ export default {
       option2: [
         { text: '默认排序', value: 'a' },
         { text: '好评排序', value: 'b' },
-        { text: '销量排序', value: 'c' },
+        { text: '销量排序', value: 'c' }
       ]
     },
     'en-US': {
@@ -123,7 +79,7 @@ export default {
       option2: [
         { text: 'Option A', value: 'a' },
         { text: 'Option B', value: 'b' },
-        { text: 'Option C', value: 'c' },
+        { text: 'Option C', value: 'c' }
       ]
     }
   },
diff --git a/src/style/var.less b/src/style/var.less
index 18194d7c8..fad33465b 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -273,6 +273,7 @@
 @dropdown-menu-title-padding: 0 @padding-xs;
 @dropdown-menu-title-line-height: 18px;
 @dropdown-menu-option-active-color: @blue;
+@dropdown-menu-content-max-height: 80%;
 
 // Field
 @field-label-width: 90px;