在編寫網頁時，我們經常會使用圖片作為頁面的裝飾或者內容展示。但是，有時候我們會發現圖片超出了網頁的范圍，這個時候該怎么處理呢？

一種簡單的解決方法是使用CSS的overflow屬性。將這個屬性設置為scroll或者auto，可以在圖片超出網頁范圍時出現滾動條。

img {
overflow: scroll/auto;
max-width: 100%; /* 設置圖片最大寬度為容器寬度 */
}

還有一種方法是將圖片固定在容器內，當圖片超出容器范圍時，只顯示容器內的部分圖片。我們可以使用position屬性將圖片固定在容器內，并且設置overflow屬性為hidden。

.container {
width: 500px;
height: 500px;
position: relative;
overflow: hidden;
}
img {
position: absolute;
top: 0;
left: 0;
min-width: 100%; /* 最小寬度為容器寬度 */
min-height: 100%; /* 最小高度為容器高度 */
}

需要注意的是，在使用第二種方法時，圖片的定位需要使用position:absolute屬性，同時需要設置top和left屬性將圖片定位在容器的左上角。

以上就是兩種解決圖片超出網頁范圍的方法，希望可以幫助大家更好地處理圖片在網頁中的顯示。