使1个div屏幕居中+1个div位于右侧

<style>
    .container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* 设置父容器高度为视口高度，使其居中 */
    }
</style>

<div class="container">
    <div>居中的div</div>
</div>

<style>
    .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>

<div class="centered">
    <div>居中的div</div>
</div>

<style>
    .container {
        display: flex;
        justify-content: flex-end;
    }
</style>

<div class="container">
    <div>位于右侧的div</div>
</div>

<style>
    .right-aligned {
        position: absolute;
        right: 0;
    }
</style>

<div class="right-aligned">
    <div>位于右侧的div</div>
</div>