我这里面margin-top为什么给了父元素detail-wrapper

来源:16-10 详情弹层页(2)- CSS Sticky footer

行走在二进制世界

2018-08-16

写回答

2回答

行走在二进制世界

提问者

2018-08-18

<div v-show="isdetail" class="detail clearfix">
    <div class="detail-wrapper">
        <div class="detail-main">
            <h1 class="name">{{seller.name}}</h1>
            <div class="star-warpper">
            <v-star :size="48" :score="seller.score"></v-star>
            </div>
            <div class="title">
            <div class="line"></div>
            <div class="text">优惠信息</div>
            <div class="line"></div>
            </div>
        </div>
    </div>
    <div class="detail-close">
        <i class="icon-close"></i>
    </div>
</div>
.detail
    position: fixed
    z-index: 100
    width: 100%
    height: 100%
    top: 0
    left: 0
    overflow: auto
    background: rgba(7, 17, 27, 0.8)
        .detail-wrapper
        min-height: 100%
        .detail-main
            margin-top: 64px
            padding-bottom: 64px
            .name
                line-height: 16px
                text-align: center
                font-size: 16px
                font-weight: 700
            .star-warpper
                margin-top: 18px
                padding: 2px 0
                text-align: center
.detail-close
        position: relative
        width: 32px
        height: 32px
        margin: -64px auto 0 auto
        clear: both
        font-size: 32px


0
0

ustbhuangyi

2018-08-16

贴一下你的具体代码

0
4
行走在二进制世界
回复
ustbhuangyi
我找到原因了,是clearfix加错位置了
2018-08-20
共4条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程