diff --git a/devui/radio/src/radio-group.scss b/devui/radio/src/radio-group.scss
index 0b0cbaf091176566347627835441f417293ed466..7d86fdd7ba8f631fe5b9ba57690e6bfbc5afe46b 100644
--- a/devui/radio/src/radio-group.scss
+++ b/devui/radio/src/radio-group.scss
@@ -16,8 +16,7 @@
     line-height: 28px;
 
     &:not(:last-child) {
-      margin-right: 20px;
-      margin-bottom: 0;
+      padding-right: 20px;
     }
   }
 }
diff --git a/devui/radio/src/radio.scss b/devui/radio/src/radio.scss
index 0238ac775e86619f5e2527322c833dba04584028..dc53fdcfbf499e8d6eccec3fc4d88413ff6caafa 100644
--- a/devui/radio/src/radio.scss
+++ b/devui/radio/src/radio.scss
@@ -11,10 +11,6 @@
   cursor: pointer;
   color: $devui-text;
 
-  &:not(:last-child) {
-    margin-bottom: 20px;
-  }
-
   &:hover {
     .devui-radio-label {
       color: $devui-primary-hover;
diff --git a/sites/components/radio/index.md b/sites/components/radio/index.md
index afbcf83ee7481374ac8b58cfcf955cb7a38d6ed2..3ab37dd63af4dea4e59591bbe746b6a5507d2f70 100644
--- a/sites/components/radio/index.md
+++ b/sites/components/radio/index.md
@@ -12,7 +12,13 @@
 
 ```vue
 <template>
-  <d-radio v-for="item in list" v-model="choose" :key="item" :value="item">
+  <d-radio
+    v-for="item in list"
+    v-model="choose"
+    :key="item"
+    :value="item"
+    :style="{ marginBottom: '20px' }"
+  >
     The Radio value is: {{ item }}
   </d-radio>
 </template>
@@ -48,6 +54,7 @@ export default defineComponent({
     :key="item"
     :value="item"
     :beforeChange="beforeChange"
+    :style="{ marginBottom: '20px' }"
     @change="valChange"
   >
     The Radio value is: {{ item }}
@@ -130,7 +137,14 @@ export default defineComponent({
 
 ```vue
 <template>
-  <d-radio v-for="item in list" v-model="choose" :key="item" :value="item" disabled>
+  <d-radio
+    v-for="item in list"
+    v-model="choose"
+    :key="item"
+    :value="item"
+    :style="{ marginBottom: '20px' }"
+    disabled
+  >
     The Radio value is: {{ item }}
   </d-radio>
 </template>
@@ -263,11 +277,11 @@ export default defineComponent({
 
 d-radio 参数
 
-|     参数     |         类型         | 默认  | 说明                                                                            | 跳转 Demo                              |
-| :----------: | :------------------: | :---: | :------------------------------------------------------------------------------ | -------------------------------------- |
-|     name     |       `string`       |  --   | 可选，单选项名称                                                                | [互相独立的单选项](#相互独立的单选项)  |
-|    value     |       `string`       |  --   | 必选，单选项值                                                                  | [互相独立的单选项](#相互独立的单选项)  |
-|   disabled   |      `boolean`       | false | 可选，是否禁用该单选项                                                          | [禁用](#禁用)                          |
+|     参数     |         类型         | 默认  | 说明                                                                            | 跳转 Demo                               |
+| :----------: | :------------------: | :---: | :------------------------------------------------------------------------------ | --------------------------------------- |
+|     name     |       `string`       |  --   | 可选，单选项名称                                                                | [互相独立的单选项](#相互独立的单选项)   |
+|    value     |       `string`       |  --   | 必选，单选项值                                                                  | [互相独立的单选项](#相互独立的单选项)   |
+|   disabled   |      `boolean`       | false | 可选，是否禁用该单选项                                                          | [禁用](#禁用)                           |
 | beforeChange | `Function / Promise` |  --   | 可选，radio 切换前的回调函数，返回 boolean 类型，返回 false 可以阻止 radio 切换 | [回调切换](#radio-根据条件终止切换操作) |
 
 d-radio 事件