flex布局如何设置单个子元素靠右

比如有三个元素：

<div>
　　<div></div>
　　<div></div>
　　<div></div>
</div>

最外层的设置display:flex，水平排列，子元素前两个靠左，第三个靠右

有两种方式实现，第三个元素设置

方法一：

margin-left: auto;

方法二：

flex: 1;
text-align: right;