在CSS中，我們可以使用相對(duì)定位（relative positioning）和***定位（absolute positioning）來實(shí)現(xiàn)圖中圖的效果，相對(duì)定位用于將元素相對(duì)于其正常位置進(jìn)行定位，而***定位則可以將元素相對(duì)于***近的已定位祖先元素（即包含塊）進(jìn)行定位。

我們需要?jiǎng)?chuàng)建一個(gè)包含塊，用于容納我們的圖中圖，這個(gè)包含塊可以是一個(gè)div元素，或者其他任何可以包含內(nèi)容的元素，我們將其設(shè)置為相對(duì)定位，以便我們可以將圖中的元素相對(duì)于這個(gè)包含塊進(jìn)行定位。

我們需要在包含塊中添加我們的圖中元素，這些元素可以是圖片、文本或其他任何可以在網(wǎng)頁中顯示的內(nèi)容，我們將這些元素設(shè)置為***定位，以便我們可以將它們相對(duì)于包含塊進(jìn)行***的定位。

在CSS中，我們可以使用top、right、bottom和left屬性來設(shè)置元素的定位，這些屬性可以讓我們***地控制元素在包含塊中的位置。

通過以上步驟，我們就可以在CSS中實(shí)現(xiàn)圖中圖的效果了，這種方法不僅適用于圖片，還可以用于其他任何可以在網(wǎng)頁中顯示的內(nèi)容，我們可以使用這種方法來創(chuàng)建各種復(fù)雜的布局和交互效果，使我們的網(wǎng)頁更加生動(dòng)和有趣。