方式一:子绝父相
<style lang="scss>
.parent{
position:relative;
.children{
position:absolute;
bottom:0;
}
}
</style>
方式二:
使用flex布局,父元素纵向排列,子元素margin-top:auto----将自身顶部与剩余空间左对齐,即固定在底部。
<style lang="scss>
.parent{
display:flex;
flex-direction:column;
.children{
margin-top:auto
}
}
</style>