在CSS中，我們可以使用多種方法來同時左右擺放圖片，以下是一種常見的方法，使用CSS的position屬性來實現(xiàn)。

1. 使用position屬性

我們可以通過設置圖片的position屬性為absolute，然后分別設置每張圖片的left和right屬性，來使圖片同時左右擺放。

.container {
  position: relative;
}
.image-left {
  position: absolute;
  left: 0;
}
.image-right {
  position: absolute;
  right: 0;
}

2. 使用float屬性

另一種方法是使用CSS的float屬性，將圖片分別浮動到容器的左側和右側。

.container {
  overflow: auto;
}
.image-left {
  float: left;
}
.image-right {
  float: right;
}

3. 使用flexbox布局

還可以使用CSS的flexbox布局來同時左右擺放圖片。

.container {
  display: flex;
  justify-content: space-between;
}
.image-left, .image-right {
  flex: 1;
}

示例HTML結構

以下是一個示例HTML結構，用于展示這些方法：

<div class="container">
  <img class="image-left" src="image1.jpg" alt="Image on the left">
  <img class="image-right" src="image2.jpg" alt="Image on the right">
</div>

在CSS中，我們可以通過多種方法來實現(xiàn)圖片的左右擺放，這些方法包括使用position、float和flexbox布局等，選擇哪種方法取決于具體的需求和布局要求。