弹出框的关闭按钮固定在页面底部

<div v-show="detailShow" class="detail">
      <div class="detail-wrapper clearfix">
        <div class="detail-main">
          
        </div>
      </div>
      <!--关闭按钮固定至弹出页最底部-->
      <div class="detail-close">
        <i class="icon-close"></i>
      </div>
    </div>

 

.detail{
    position: fixed;
    top: 0;
    left:0;
    width:100%;
    height:100%;
    overflow: auto;
    background:rgba(7,17,27,0.8);
    z-index: 10;
  }
.detail .detail-wrapper{
    min-height: 100%;
    width:100%;
  }
.detail .detail-wrapper .detail-main{
    margin-top: 64px;
    padding-bottom: 64px;
  }
.detail .detail-close{
    position:relative;
    width:32px;
    height:32px;
    margin:-64px auto;
    clear:both;
    font-size:32px;
  }