<div class="container">
<div class="content">
</div>
<div class="footer">
<div class="footer--fixed"><div>
<div>
</div>.container {
height: 100%;
display: flex;
flex-direction: column;
position: relative;
.content {
overflow-y: auto;
}
.footer {
margin-bottom: 100px;
&--fixed {
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -9px 8px -8px #dee3e3;
}
}
}提示💡
box-shadow: 0 -9px 8px -8px #dee3e3;让box-shadow 只有上阴影。