mint-ui 的mt-popup位置显示不正常

Question

如题这个popuo怎么到了总箱量的位置，我想让他出现在最右上角...的位置

<div class="address-list-header">
      <div class="address-list-title">送货列表</div>
      <div class="more">
        <a @click="hadleToggle">
        <i class="iconfont icon-more"/>
          </a>
        <mt-popup
          v-model="showDropDown"
          popup-transition="popup-fade"
          position="top">
        <div class="dropdown" id="dropdown" style="top: 3rem;" v-show="showDropDown">
          <div @@click="showShareModal" @@touchend.stop.prevent="showShareModal" class="dropdown-item">分享</div>
          <div class="dropdown-item" v-if="supplierCustomerPhone"><a :href="'tel:' + supplierCustomerPhone" @@click="closeDropdown"
          @@touchend="closeDropdown" class="block-a">联系客服</a></div>
          </div>
      </mt-popup>
      </div>
      </div>

![图片上传中...]

Answer 1

调试查下样式吧，看下定位的相对父元素是谁。

Answer 2

用position: fixed相对于窗口定位