diff --git a/packages/vantui/src/icon/demo/demo1.tsx b/packages/vantui/src/icon/demo/demo1.tsx
index 98fe8ac0..1617eb15 100644
--- a/packages/vantui/src/icon/demo/demo1.tsx
+++ b/packages/vantui/src/icon/demo/demo1.tsx
@@ -3,7 +3,7 @@ import { Row, Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    <View style={{ overflow: 'hidden' }}>
       <Row>
         <View className="demo-block__title">基本用法</View>
         <Col className="col" span="6">
@@ -70,6 +70,6 @@ export default function Demo() {
           <Icon name="demo3" classPrefix="page-icon" size="40px" />
         </Col>
       </Row>
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo2.tsx b/packages/vantui/src/icon/demo/demo2.tsx
index e78932f0..40c821a2 100644
--- a/packages/vantui/src/icon/demo/demo2.tsx
+++ b/packages/vantui/src/icon/demo/demo2.tsx
@@ -1,10 +1,10 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    <View style={{ overflow: 'hidden' }}>
       {icons.basic.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +15,6 @@ export default function Demo() {
           <Text>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo3.tsx b/packages/vantui/src/icon/demo/demo3.tsx
index 893371b6..a7d55d2f 100644
--- a/packages/vantui/src/icon/demo/demo3.tsx
+++ b/packages/vantui/src/icon/demo/demo3.tsx
@@ -1,10 +1,11 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.outline.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +16,6 @@ export default function Demo() {
           <Text style={{ textAlign: 'center' }}>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }
diff --git a/packages/vantui/src/icon/demo/demo4.tsx b/packages/vantui/src/icon/demo/demo4.tsx
index 7b8d7ae7..738bdb75 100644
--- a/packages/vantui/src/icon/demo/demo4.tsx
+++ b/packages/vantui/src/icon/demo/demo4.tsx
@@ -1,10 +1,11 @@
-import { Text } from '@tarojs/components'
+import { Text, View } from '@tarojs/components'
 import icons from '@vant/icons'
 import { Col, Icon } from '@antmjs/vantui'
 
 export default function Demo() {
   return (
-    <>
+    //BFC 解决浮动盒子不撑开问题
+    <View style={{ overflow: 'hidden' }}>
       {icons.filled.map((name, i) => (
         <Col
           key={i}
@@ -15,6 +16,6 @@ export default function Demo() {
           <Text style={{ textAlign: 'center' }}>{name}</Text>
         </Col>
       ))}
-    </>
+    </View>
   )
 }