在CSS中，我們可以使用多種方法來定位兩張圖片的位置，這包括使用相對定位、***定位以及固定定位等，下面我們將詳細介紹這些方法。

1. 相對定位

相對定位是指圖片的位置相對于其原始位置進行定位，我們可以通過position: relative;來設(shè)置圖片的相對定位。

img {
  position: relative;
  left: 50px;
  top: 50px;
}

2. ***定位

***定位是指圖片的位置相對于瀏覽器窗口進行定位，不隨頁面滾動而移動，我們可以通過position: absolute;來設(shè)置圖片的***定位。

img {
  position: absolute;
  left: 50px;
  top: 50px;
}

3. 固定定位

固定定位是指圖片的位置相對于瀏覽器窗口進行定位，但會隨頁面滾動而移動，我們可以通過position: fixed;來設(shè)置圖片的固定定位。

img {
  position: fixed;
  left: 50px;
  top: 50px;
}

4. 使用 Flexbox 布局

除了上述方法，我們還可以使用 Flexbox 布局來輕松地對圖片進行定位，F(xiàn)lexbox 是一種現(xiàn)代的布局方式，可以方便地實現(xiàn)元素的水平和垂直對齊。

div {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}

在CSS中，我們可以通過相對定位、***定位和固定定位等方法來定位兩張圖片的位置，使用 Flexbox 布局也是一種現(xiàn)代且方便的實現(xiàn)方式，根據(jù)需要選擇適合的方法，可以輕松地實現(xiàn)對圖片的定位需求。