diff --git a/src/platforms/h5/components/page/pageHead.vue b/src/platforms/h5/components/page/pageHead.vue
index 635ce06b7e8461b2bca697788b47ea20d9e5008b..3e475622a977953d86d4b96e0d547a2a9fafff05 100644
--- a/src/platforms/h5/components/page/pageHead.vue
+++ b/src/platforms/h5/components/page/pageHead.vue
@@ -16,23 +16,25 @@
             class="uni-btn-icon"
           >&#xe601;</i>
         </div>
-        <template v-for="(btn,index) in btns">
-          <div
-            v-if="btn.float === 'left'"
-            :key="index"
-            :style="{backgroundColor: type==='transparent'?btn.background:'transparent',width:btn.width}"
-            :badge-text="btn.badgeText"
-            :class="{'uni-page-head-btn-red-dot':btn.redDot||btn.badgeText,'uni-page-head-btn-select':btn.select}"
-            class="uni-page-head-btn"
-          >
-            <i
-              :style="_formatBtnStyle(btn)"
-              class="uni-btn-icon"
-              @click="_onBtnClick(index)"
-              v-html="_formatBtnFontText(btn)"
-            />
-          </div>
-        </template>
+        <div class="uni-page-head-ft">
+          <template v-for="(btn,index) in btns">
+            <div
+              v-if="btn.float === 'left'"
+              :key="index"
+              :style="{backgroundColor: type==='transparent'?btn.background:'transparent',width:btn.width}"
+              :badge-text="btn.badgeText"
+              :class="{'uni-page-head-btn-red-dot':btn.redDot||btn.badgeText,'uni-page-head-btn-select':btn.select}"
+              class="uni-page-head-btn"
+            >
+              <i
+                :style="_formatBtnStyle(btn)"
+                class="uni-btn-icon"
+                @click="_onBtnClick(index)"
+                v-html="_formatBtnFontText(btn)"
+              />
+            </div>
+          </template>
+        </div>
       </div>
       <div
         v-if="!searchInput"