CSS 是網頁設計的基礎，通過 CSS 我們可以控制圖片的顯示效果。在有多張圖片需要顯示的情況下，我們很可能會遇到重疊的問題。下面介紹幾種常見的方法來解決圖片重疊的問題。

方法一：使用 position 屬性

img {
position: absolute;
}

將多張圖片的 position 屬性設置為 absolute，這樣它們就會相對于它們的祖先元素定位。接下來，我們可以像設置 top 和 left 屬性一樣設置圖片的位置。

方法二：使用 margin 屬性

img {
margin: 50px;
}

將多張圖片的 margin 屬性設置為相同的數值，就可以避免它們重疊在一起。當然，這個數值也可以根據實際情況進行調整。

方法三：使用 float 屬性

img {
float: left;
margin-right: 10px;
}

將多張圖片的 float 屬性設置為 left，再設置 margin-right 屬性，就可以讓圖片彼此不重疊并且靠左顯示。當然，如果你希望讓圖片靠右顯示，只需要將 float 屬性設置為 right 。

總結起來，以上三種方法都可以解決圖片重疊的問題。我們可以根據實際情況選擇合適的方法來使用。