<div class="detail"> <div class="detail-wrapper clearfix"> <div class="detail-main"> </div> </div> <div class="detail-close"> <i class="fa fa-close"></i> </div> </div>
.detail { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow: auto; } .detail-wrapper { width: 100%; min-height: 100%; } .detail-main { margin-top: 64px; padding-bottom: 64px; } .detail-close { position: relative; width: 32px; height: 32px; margin: -64px auto 0; clear: both; font-size: 32px; } .clearfix { display: inline-block; } clearfix:after { display: block; content: "."; height: 0; line-height: 0; clear: both; visibility: hidden; }