CSS是前端開發中的常用技術，通過CSS可以實現頁面元素的樣式調整。其中，圖片的高度調整也是常見的操作。本文將介紹如何使用CSS來實現圖片高度100%的顯示效果。

<img src="example.jpg" alt="example">
img {
height: 100%;
}

以上代碼中，我們使用了img標簽來插入圖片，并且為其設置了一個高度屬性為100%。這樣就可以實現讓圖片在容器大小發生變化時，始終保持100%的高度顯示。

需要注意的是，此方法僅適用于容器大小確定的情況。如果容器大小會隨著窗口大小變化，則建議使用響應式布局技術，例如彈性布局、媒體查詢等來實現。

總之，實現圖片高度100%的顯示效果并不復雜，而且使用CSS來實現也非常方便。只要了解了相關技術，就可以快速地完成頁面布局優化的操作。