CSS 第一個圖片不動 在 Web 開發中，常常需要讓多張圖片在頁面中展示。有時候我們希望第一個圖片固定不動，其他圖片可以滾動或者移動。本篇文章將介紹如何使用 CSS 讓第一個圖片不動。 首先，在 HTML 文件中，我們需要將第一個圖片放在獨立的 div 容器中。比如：

接著，在 CSS 文件中，我們需要針對這個 div 容器進行樣式設置。我們可以使用 position 屬性將其固定在頁面中。比如：

.fixed-image {
position: fixed;
top: 0;
left: 0;
z-index: 100;
}

這樣，第一個圖片在頁面中顯示時就會被固定在頁面的左上角，不會隨著頁面的滾動或移動而改變位置。 除此之外，我們還可以設置一些其他的樣式，比如調整其寬度和高度，讓其適應不同屏幕的大小；或者調整其外邊距和內邊距，讓其與頁面的其他元素對齊。具體的樣式設置視需求而定。 總結一下，使用 CSS 讓第一個圖片不動需要將其放在獨立的 div 容器中，并且使用 position 屬性將其固定在頁面中。根據實際需求，還需要設置其他的樣式。如此一來，我們就可以在頁面中靈活地展示多張圖片了。