CSS是網頁設計中的重要組成部分，樣式的設置直接影響著頁面的美觀程度和交互性。除了設置寬度外，設置高度也是CSS的一個重要內容。在某些情況下，我們希望動態地減少元素的高度，從而達到動態顯示內容的效果，這就需要用到CSS的高度減少函數。

height: calc(100vh - 200px);

上面的代碼就是使用CSS的減法計算函數，其中calc()表示計算函數，100vh表示屏幕高度，減去200px就是元素真正需要顯示的高度。通過這種方式，我們可以動態地改變元素的高度，而不用擔心頁面出現滾動條或者內容顯示不全的問題。

此外，我們還可以使用CSS的max-height屬性來實現元素的高度減小。max-height表示元素的最大高度，如果元素內部內容的高度小于該值，元素的高度就會動態減小。

.container {
max-height: 200px
overflow: hidden; /* 隱藏超出部分 */
}

上面的代碼就是使用max-height屬性的示例，其中overflow:hidden表示隱藏超出部分。當元素內部的內容高度超過200px時，由于max-height的設定，元素的高度會動態減小，從而使得內容可以完整地呈現出來。

通過上述方法，我們可以輕松地實現元素的高度減小效果，從而達到更好的頁面交互效果和美觀程度。