CSS中讓圖片位于右下角的方法

在CSS中，我們可以使用相對(duì)定位（relative positioning）或者***定位（absolute positioning）來(lái)實(shí)現(xiàn)圖片位于右下角的效果。

相對(duì)定位是一種較為簡(jiǎn)單的方法，它可以將圖片相對(duì)于其正常位置進(jìn)行定位，我們可以通過(guò)設(shè)置圖片的position屬性為relative，然后使用right和bottom屬性來(lái)將圖片移動(dòng)到右下角。

img {
  position: relative;
  right: 0;
  bottom: 0;
}

這種方法會(huì)將圖片移動(dòng)到其容器的右下角，但是如果容器的大小發(fā)生變化，圖片的位置也會(huì)相應(yīng)變化。

***定位是一種更為靈活的方法，它可以將圖片相對(duì)于瀏覽器窗口進(jìn)行定位，我們可以通過(guò)設(shè)置圖片的position屬性為absolute，然后使用right和bottom屬性來(lái)將圖片移動(dòng)到右下角。

img {
  position: absolute;
  right: 0;
  bottom: 0;
}

這種方法會(huì)將圖片移動(dòng)到瀏覽器窗口的右下角，無(wú)論容器的大小如何變化，圖片的位置都會(huì)保持不變。

相對(duì)定位和***定位都可以實(shí)現(xiàn)圖片位于右下角的效果，具體使用哪種方法取決于你的需求。