CSS Stickey footer布局

<div v-show="detailShow" class="detail"> <div class="detail-wrapper clearfix"> <div class="detail-main"></div> </div> <div class="detail-close"></div> </div>

布局套路如上：

在我们的盒子里通常有两个层: 一个内容的包装器 wrapper (这里的detail-wrapper) 还有一个沉在底部的层

<div class="detail-main"></div> 这是主要用来写样式的

顺便说下clearfix~~ 很常用的一种写法如下，用来清除浮动：

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