CSS中，我們可以使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來將圖片放在文字后面，這里我們以相對(duì)定位為例，介紹如何實(shí)現(xiàn)這一效果。
相對(duì)定位實(shí)現(xiàn)圖片在文字后面
1、HTML結(jié)構(gòu)：
我們需要一個(gè)包含圖片和文字的HTML結(jié)構(gòu)，圖片可以是一個(gè)img元素，文字可以是一個(gè)p元素或其他塊級(jí)元素。
```html
<div>
<img src="path/to/image.jpg" alt="圖片描述">
<p>這是一段文字，圖片將放在這段文字后面。</p>
</div>
```
2、CSS樣式：
我們需要通過CSS來定位圖片，我們可以使用position: relative;將圖片定位在其父元素內(nèi)部的一個(gè)特定位置。
```css
div {
position: relative; /* 將圖片相對(duì)于這個(gè)div進(jìn)行定位 */
}
img {
position: absolute; /* 圖片***定位在div內(nèi)部 */
right: 0; /* 圖片放在文字的右側(cè) */
top: 0; /* 圖片的頂部與文字的頂部對(duì)齊 */
}
```
3、效果預(yù)覽：
圖片將被放置在文字的后面，并且圖片的右側(cè)和頂部將與文字的右側(cè)和頂部對(duì)齊，你可以根據(jù)需要調(diào)整right和top的值來微調(diào)圖片的位置。
***定位實(shí)現(xiàn)圖片在文字后面
如果你想要圖片***固定在頁面的某個(gè)位置，而不是相對(duì)于某個(gè)元素進(jìn)行定位，你可以使用***定位（absolute positioning）。
1、HTML結(jié)構(gòu)：
與相對(duì)定位相同，我們需要一個(gè)包含圖片和文字的HTML結(jié)構(gòu)。
```html
<div>
<img src="path/to/image.jpg" alt="圖片描述">
<p>這是一段文字，圖片將放在這段文字后面。</p>
</div>
```
2、CSS樣式：
使用***定位，圖片將固定在頁面的某個(gè)位置，不受其他元素的影響。
```css
img {
position: absolute; /* 圖片***定位在頁面中 */
right: 0; /* 圖片放在文字的右側(cè) */
top: 0; /* 圖片的頂部與文字的頂部對(duì)齊 */
}
```
3、效果預(yù)覽：
圖片將被放置在文字的后面，并且圖片的右側(cè)和頂部將與文字的右側(cè)和頂部對(duì)齊，由于使用了***定位，圖片的位置將不受其他元素的影響。
相對(duì)定位：圖片相對(duì)于其***近的父元素進(jìn)行定位。
***定位：圖片相對(duì)于整個(gè)頁面進(jìn)行定位，不受其他元素的影響。
