在CSS中，您可以通過多種方式讓照片移動位置，***常用的是使用CSS的動畫和過渡功能，以下是一個簡單的示例，展示了如何使用CSS讓照片在頁面中水平移動：

在HTML中創(chuàng)建一個包含照片的div元素：

<div class="photo">
  <img src="path/to/your/photo.jpg" alt="Your Photo">
</div>

在CSS中定義一些樣式和動畫：

.photo {
  position: relative; /* 相對于其***近的定位祖先元素進(jìn)行定位 */
  left: 0; /* 初始位置 */
  transition: left 2s; /* 過渡效果，2秒內(nèi)完成移動 */
}
.photo:hover {
  left: 100px; /* 鼠標(biāo)懸停時，照片移動到距離左側(cè)100px的位置 */
}

在這個示例中，照片默認(rèn)位于其容器的左側(cè)（left: 0;），當(dāng)鼠標(biāo)懸停在照片上時，照片會水平移動到距離左側(cè)100px的位置（left: 100px;），這個移動過程會在2秒內(nèi)完成，因?yàn)槲覀冊?code>.photo元素上設(shè)置了transition: left 2s;。

這個示例假設(shè)您的照片容器有足夠的空間來容納照片的移動，如果空間不足，照片可能會移動到容器的邊緣并停止移動，在實(shí)際應(yīng)用中，您可能需要考慮容器的尺寸和照片的尺寸，以確保有足夠的空間來完整地展示照片的移動效果。