要将一个使用 `display: flex;` 的 `<div>` 元素靠右对齐，可以使用以下方法：
HTML 结构：
<div class="container">
<div class="content">内容</div>
</div>
CSS 样式：
.container {
display: flex;
justify-content: flex-end;
}
.content {
/* 此处为示例样式 */
}在这个示例中，我们创建了一个名为 `container` 的容器 `<div>`，并将其设置为 `display: flex;`。然后，我们通过使用 `justify-content: flex-end;` 将内容向右对齐。
你可以根据需要自定义 `.content` 的样式，并在 `.container` 中应用这些样式。
此外，还可以使用其他的 `justify-content` 属性值来控制内容的水平对齐方式，例如：
◆`flex-start:默认值，内容左对齐。
◆`center:内容居中对齐。
◆`space-between:内容均匀分布在容器内，首尾不留空间。
◆`space-around:内容均匀分布在容器内，包括首尾留有空间。
根据需求调整 `justify-content` 的值，以实现你所需的对齐效果。