CSS高度繼承是指一個元素的高度值會默認從其父元素中獲取高度值，在不使用具體高度值的情況下，通過設置元素的height屬性值為auto來實現高度繼承。

父元素 {
height: 300px;
}
子元素 {
height: auto;
}

通過上述代碼示例，子元素的高度將繼承父元素的高度值，即300像素。這個特性可以為網頁的布局和響應式設計提供便利。

我們可以使用同樣的方法讓圖片元素繼承其父元素的高度值，從而更好地實現頁面布局：

父元素 {
height: 300px;
}
圖片 {
height: 100%;
width: auto;
display: block;
}

通過上述代碼示例，圖片元素的高度將繼承其父元素的高度值，即展現出與父元素相同的高度。此外，我們可以設置圖片的width屬性為auto，以根據其原始比例自動調整其寬度。

綜上所述，CSS高度繼承是CSS設計中的非常有用的功能之一，可以大大簡化我們的樣式表和布局代碼，提高網頁響應性和可維護性。