设置display:flex后 flex布局设置单个子元素靠右

比如有三个元素：

<template>
<div calss="father">
<div calss="son1"></div>
<div calss="son2"></div>
<div calss="son3"></div>
</div>
</template>
<style scoped>
.father {
  display: flex;
}
.son3 {
  margin-left: auto;
}
</style>

最外层的设置display:flex，第三个靠右使用：

margin-left: auto;