关于css:Flex布局实现一部分元素左对齐一部分右对齐

单个 Flex 容器内有三个内联的靠右对齐的按钮，成果如图：

如想让红色按钮靠左，而另外两个蓝色按钮放弃靠右

这个时候咱们能够为红色按钮独自加上：margin-right: auto;

成果如图：

此成果的原理是：

margin-right不设置的话默认是 0，父容器 width 定宽之后，margin-right取值为 auto，则主动占据了残余的全副宽度