CSS中，我們可以使用相對(duì)定位（relative positioning）或***定位（absolute positioning）來(lái)使圖片位于底層。

相對(duì)定位是相對(duì)于元素在文檔流中的位置進(jìn)行定位，我們可以將圖片設(shè)置為相對(duì)定位，并將其位置設(shè)置為底部，這樣圖片就會(huì)位于其所在元素的底層。

img {
  position: relative;
  bottom: 0;
}

***定位是相對(duì)于整個(gè)文檔進(jìn)行定位，不受到其他元素的影響，我們可以將圖片設(shè)置為***定位，并將其位置設(shè)置為底部，這樣圖片就會(huì)位于整個(gè)文檔的底層。

img {
  position: absolute;
  bottom: 0;
}

需要注意的是，使用***定位時(shí)，圖片會(huì)脫離文檔流，其他元素會(huì)忽略圖片的存在，我們需要謹(jǐn)慎使用***定位，以免對(duì)頁(yè)面布局造成不必要的影響。