flex布局中div靠右

在 Flex 布局中，要使一个 `div` 元素靠右对齐，可以通过以下步骤实现：

1. 将该 `div` 元素的父容器设置为一个 Flex 容器。可以通过给父容器添加 `display: flex;` 属性来实现。

2. 默认情况下，Flex 容器中的子元素会使用 Flex 布局的默认属性进行排列。为了将目标 `div` 元素靠右对齐，可以在父容器上添加 `justify-content: flex-end;` 属性。

下面是一个示例的 HTML 和 CSS 代码：

<div class="container">
  <div class="right-aligned-div">靠右对齐的内容</div>
  <div>其他内容</div>
</div>

.container {
  display: flex;
  justify-content: flex-end;
}

.right-aligned-div {
  /* 可以添加其他样式 */
}

在上面的示例中，`.container` 类表示父容器，`.right-aligned-div` 类表示要靠右对齐的 `div` 元素。通过添加相应的 CSS 样式，可以将 `.right-aligned-div` 元素靠右对齐。