flex布局实现三个子元素,两个左对齐,一个靠右对齐
<div class="super">
<div class="left1"> 左一</div>
<div class="left1"> 左二</div>
<div class="right"> 右</div>
</div>
<style>
.super{
// 子元素先从头开始排列
display: flex;
justify-content: flex-start;
align-items: center;
}
// 让需要靠右的元素左marginauto,
// 那么就会自动分配剩余空间到左margin
.right{
margin-left: auto;
}
</style>