flex auto 设置两端对齐

HTML

<section>
    <div>left1</div>
    <div>left2</div>
    <div class="right">left3</div>
</section>

CSS

section {
    display: flex;
}

div {
    width: 100px;
    height: 100px;
    background: antiquewhite;
}

.right {
    margin-left: auto;
}