如何将项目与全屏登录页面的底部对齐？

<style>
    .container {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    .content {
        flex: 1;
    }
</style>

<div class="container">
    <div class="content">
        <!-- 项目内容 -->
    </div>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>

<style>
    .container {
        position: relative;
        min-height: 100vh;
    }

    .content {
        padding-bottom: 50px; /* 底部内容的高度 */
    }

    footer {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px; /* 底部内容的高度 */
    }
</style>

<div class="container">
    <div class="content">
        <!-- 项目内容 -->
    </div>
    <footer>
        <!-- 底部内容 -->
    </footer>
</div>