flex布局只让某个元素靠右，其他都靠左

Flexbox布局是一种弹性盒子模型，用于创建灵活的响应式网格，可以轻松地对容器内的项目进行动态排列。如果你想要让某个元素在容器里总是靠右对齐，而其他的元素保持靠左对齐，你可以通过设置`justify-content`属性来实现。具体步骤如下：

1. 将容器(`display`) 设置为 `flex` 或 `inline-flex` 来启用flex布局。
2. 对于靠右对齐的元素，给它添加一个左偏移(`margin-left`) 或者直接使用 `order` 属性将其置于最后一个位置（默认值），因为 `justify-content: flex-end` 会让最后一项元素靠右。
3. 对于其余的元素，保持默认的 `order`（通常是0，或不设），它们会按照顺序从左到右排列。

例如，HTML和CSS示例如下：

<div class="container">
  <div class="item item-right">靠右元素</div>
  <div class="item">左侧元素</div>
  <!-- 更多左侧元素... -->
</div>

<style>
.container {
  display: flex;
  justify-content: flex-end; /* 靠右对齐 */
}

.item {
  margin-left: auto; /* 或者 order: 1 (默认值) */
}
.item-right {
  /* 或者单独设置样式 */
  order: -1; /* 让其最后排，靠右 */
}