下载按钮定位问题

src/views/course-detail.vue

@@ -56,9 +56,9 @@
                 {{ tab.name }}
               </div>
               <div class="tab-line" :style="{left: `${tabLeft}px`}"></div>
+              <DownloadButton v-if="showDownloadButton"></DownloadButton>
             </div>
           </van-sticky>
-          <DownloadButton v-if="showDownloadButton"></DownloadButton>
         </div>
         <brief-intro v-show="curtTabIdx === 0" :doctor-list="doctors" :intro="course.intro" :harvest="harvest" />
         <course-catalog v-show="curtTabIdx === 1" :list="chapters" :curtId="curtLectureId" :onToggle="onToggle" :onSelect="selectLecture" :download="download" />
@@ -471,7 +471,6 @@ export default {
     }
   }
   .tab-box{
-    position: relative; // 用于定位下载按钮
     height: 50px;
   }
   .tab-inner{