<div class="community-images"> <div id="community-image-31" class="post-attachments d-flex flex-row"> <div class="content-left-image">image1</div> <div class="content-right-image">image2</div> <div class="content-right-image">image3</div> </div> </div> image1 DIV在左边， 怎么让 image2，image3靠在image1右边

要让 image2 和 image3 靠在 image1 的右边，你可以使用 CSS 中的浮动（float）属性。将 image1 设置为左浮动，然后将 image2 和 image3 设置为右浮动，这样它们就会靠在 image1 的右边。

以下是一个示例的 CSS 代码，展示了如何使用浮动属性来实现你的需求：

.community-images {
  width: 100%;
}

.post-attachments {
  overflow: hidden; /* 清除浮动 */
}

.content-left-image {
  float: left; /* 左浮动 */
}

.content-right-image {
  float: right; /* 右浮动 */
}

在上述示例中，我们给 `.community-images` 元素设置了一个宽度（可以根据需要进行调整），以便容纳图片。然后，在 `.post-attachments` 元素中，我们设置了 `overflow: hidden;`，以清除子元素的浮动。这是为了确保容器能够正确包裹浮动的子元素。

接下来，我们将 `.content-left-image` 设置为 `float: left;`，使其左浮动。这样，image1 就会靠在左边。

最后，我们将 `.content-right-image` 设置为 `float: right;`，使其右浮动。这样，image2 和 image3 就会靠在 image1 的右边。

通过以上 CSS 代码，你可以实现 image1 在左边，而 image2 和 image3 在其右边的布局效果。记得将代码应用到你的 HTML 结构中，并根据需要进行样式调整。