本文目錄導讀：

1. 相對定位
2. ***定位

CSS中設置文字在圖片下的方法

在CSS中，我們可以使用相對定位（relative positioning）或***定位（absolute positioning）來實現(xiàn)文字在圖片下的效果，下面我們將分別介紹這兩種方法。

相對定位

相對定位是指元素相對于其正常位置進行定位，我們可以通過設置元素的position屬性為relative，然后設置元素的top屬性為負數(shù)，將元素向下移動，從而實現(xiàn)文字在圖片下的效果。

假設我們有一個圖片元素和一個文本元素，我們可以將文本元素的position屬性設置為relative，然后設置文本元素的top屬性為-50px，將文本元素向下移動50像素，從而實現(xiàn)文字在圖片下的效果。

***定位

***定位是指元素相對于瀏覽器窗口進行定位，我們可以通過設置元素的position屬性為absolute，然后設置元素的top屬性為0，將元素放置在瀏覽器窗口的頂部，從而實現(xiàn)文字在圖片下的效果。

假設我們有一個圖片元素和一個文本元素，我們可以將文本元素的position屬性設置為absolute，然后設置文本元素的top屬性為0，將文本元素放置在瀏覽器窗口的頂部，從而實現(xiàn)文字在圖片下的效果。

需要注意的是，在使用***定位時，我們需要確保圖片元素和文本元素都在同一個容器元素中，并且容器元素的position屬性需要設置為relative或absolute。

我們可以使用相對定位或***定位來實現(xiàn)文字在圖片下的效果，具體使用哪種方法取決于我們的需求和布局情況。