CSS插入圖片怎么固定位置

在CSS中，我們可以使用position屬性來固定圖片的位置，position屬性有四個值：static、relative、absolute和fixed。

1、static：這是默認(rèn)值，圖片按照正常的文檔流進行排列。

2、relative：相對于其正常位置進行定位，即相對于圖片原本所在的位置進行偏移。

3、absolute：相對于其***近的非static定位的祖先元素進行定位，如果沒有非static定位的祖先元素，那么它會相對于初始包含塊進行定位。

4、fixed：相對于瀏覽器窗口進行定位，即使頁面滾動，圖片也會保持在相同的位置。

我們可以通過top、right、bottom和left屬性來設(shè)置圖片的具體位置，這些屬性可以接收具體的數(shù)值，如像素、百分比等，也可以接收auto值，表示自動計算位置。

如果我們想要將一張圖片固定在頁面的右下角，可以這樣做：

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

這樣，無論頁面如何滾動，這張圖片都會保持在頁面的右下角。

需要注意的是，如果圖片的位置需要隨著頁面的大小變化而變化，那么使用relative或absolute定位可能更合適，如果圖片需要與其他元素有交互或關(guān)聯(lián)，那么使用relative或absolute定位也可以更好地實現(xiàn)這種交互。