CSS如何把圖片固定 當我們在網頁上插入圖片時，有時候需要讓圖片固定在某個位置，不隨著頁面的滾動而移動。這時候，我們可以使用CSS來實現這一效果。 首先，我們需要給要固定的圖片添加一個類名，比如我們可以給它起名為“fixed-img”。然后，在CSS樣式表中，我們可以為這個類名添加如下樣式： ```css .fixed-img { position: fixed; /* 將圖片的定位方式設置為fixed */ top: 50px; /* 設置圖片距離頁面頂部的距離為50像素 */ left: 50px; /* 設置圖片距離頁面左側的距離為50像素 */ } ``` 這樣，我們就把圖片固定在了距離頁面頂部和左側各50像素的位置上。 需要注意的是，當圖片被設置為固定位置時，它會脫離文檔流，因此可能會影響到其他元素的位置，需要謹慎使用。同時，需要確保圖片的大小不會占用過多的頁面空間，避免影響用戶的瀏覽體驗。 以上就是使用CSS來固定圖片的方法，希望對大家有所幫助。下面是示例代碼： ```

這是一個段落，其中包含一個固定的圖片：

<img class="fixed-img" src="example.jpg" alt="example">

```