CSS 布局技巧实现元素左右排列的方法

开发中经常会遇到一个场景，使用 CSS 实现一个子元素靠右，其余子元素靠左。

这里总结一下常见的实现方式。

1. flex 布局

flexbox 是一种常用且灵活的布局方式，适合完成这种需求。将父容器设置为 display: flex，然后使用 margin-left: auto 将特定的子元素推到右边，左边也是同样的。

举个