fix css

 <template>
   <div class="full bg">
+    <div class="header">
+      <div class="back-wrapper" @touchend="onBack">
+        <div class="back"></div>
+      </div>
+    </div>
 
-    <div class="shoe bg1"></div>
-
-    <div style="position: absolute; width: 100%;">
+    <div style="width: 100%;">
       <div class="item">
         <div class="logo"></div>
       </div>
@@ -40,13 +43,9 @@
         <div class="btn" @click="onClick"></div>
       </div>
 
+      <div class="shoe bg1"></div>
     </div>
 
-    <div class="header">
-      <div class="back-wrapper" @touchend="onBack">
-        <div class="back"></div>
-      </div>
-    </div>
 
   </div>
 </template>
@@ -141,11 +140,7 @@ export default {
 
 <style lang="scss" scoped>
   .full {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    position: relative;
   }
 
   .bg {
@@ -195,8 +190,6 @@ export default {
   }
 
   .shoe {
-    position: absolute;
-    bottom: 0;
     width: 100%;
     height: 213px;
     background-image: url("~statics/image/alipay/bg2.png");