如何对齐两个div列中的一个

<style>
    .container {
        overflow: hidden;
    }
    .left {
        width: 200px;
        float: left;
    }
    .right {
        margin-left: 220px; /* 根据左侧 div 列的宽度设置合适的值 */
    }
</style>

<div class="container">
    <div class="left">左侧内容</div>
    <div class="right">右侧内容</div>
</div>

<style>
    .container {
        position: relative;
    }
    .left {
        position: absolute;
        width: 200px;
        left: 0;
    }
    .right {
        position: absolute;
        left: 220px; /* 根据左侧 div 列的宽度设置合适的值 */
    }
</style>

<div class="container">
    <div class="left">左侧内容</div>
    <div class="right">右侧内容</div>
</div>

<style>
    .container {
        display: flex;
    }
    .left {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 200px;
    }
    .right {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: auto;
    }
</style>

<div class="container">
    <div class="left">左侧内容</div>
    <div class="right">右侧内容</div>
</div>