将不同的div放置在父div的底部，与其他div相邻

<style>
    .parent {
        position: relative;
        height: 200px;
        border: 1px solid black;
    }

    .bottom-div {
        position: absolute;
        bottom: 0;
        height: 50px;
        width: 100%;
        background-color: blue;
    }

    .adjacent-div {
        margin-bottom: 10px;
        height: 50px;
        width: 100%;
        background-color: red;
    }
</style>

<div class="parent">
    <div class="adjacent-div"></div>
    <div class="adjacent-div"></div>
    <div class="bottom-div"></div>
</div>