CSS sticky footer

<div class="detail" v-show='detailShow'>
            <div class="detailWrap clearfix">
                <div class="detailMain">
                    <h1>{{seller.name}}</h1>
                </div>
            </div>
            <div class="detailClose" @click='closeDetaile'>
                <i class='icon-close'></i>
            </div>
        </div>



----------


.clearfix
    display:inline-block
    &:after
        display:block
        content:'.'
        height:0
        line-height:0
        visibility:hidden
        clear:both


----------


        .detail
            position:fixed
            width:100%
            height:100%
            overflow:auto
            top:0
            left:0
            z-index:100
            background:rgba(7,17,27,0.8)
            .detailWrap
                width:100%
                min-height:100%
                .detailMain
                    margin-top:64px
                    padding-bottom:64px
                    .name
                        font-size:16px
            .detailClose
                position:relative
                width:32px
                height:32px
                font-size:32px
                line-height:32px
                margin:-64px auto 0 auto
                clear:both