将一个div固定在父元素的底部

方式一：子绝父相

<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>