在網頁設計中，圖片的排版是一個非常重要的問題。很多時候，我們希望將圖片放在頁面的底部，以達到一種美感和效果的組合。而這時，我們就需要使用CSS來實現圖片在頁面底部的排版了。

img {
position: absolute;
bottom: 0;
}

我們可以通過給圖片添加position屬性，并設置其為absolute，來使圖片脫離文檔流。然后再通過設置bottom屬性為0，使圖片與頁面底部對齊。

值得注意的是，如果我們不給父元素設置position屬性，那么圖片的bottom屬性會相對于body元素。所以，我們需要在父元素中添加position屬性，并將其設置為relative，使得圖片的bottom屬性相對于父元素。

.container {
position: relative;
}
.container img {
position: absolute;
bottom: 0;
}

另外，如果圖片的大小超出了父元素的大小，那么圖片的底部會被裁剪。所以，我們需要在父元素中添加overflow屬性，并將其設置為hidden，以使圖片完全顯示。

.container {
position: relative;
overflow: hidden;
}
.container img {
position: absolute;
bottom: 0;
}

總結：通過CSS的position和bottom屬性，我們可以輕松實現圖片在頁面底部的排版。同時，需要注意設置父元素的position和overflow屬性，以保證圖片完全顯示。