在CSS中，我們可以使用height屬性來設置元素的高度。然而，當我們設置一個固定高度時，如果元素中的內容超出了這個高度，內容就會被裁剪，而不是被自動調整大小以適應元素。

.example{
height: 100px;
overflow: hidden;
}

為了解決這個問題，我們可以使用height屬性的另外一個值，稱為auto。這個值會使元素的高度自動調整以適應元素中的內容。例如：

.example{
height: auto;
}

另外，我們還可以使用min-height屬性來設置元素的最小高度。這個屬性的值可以為一個固定值，也可以為一個百分比值，用于指定元素高度的最小限制。如果元素中的內容不足以填滿這個最小高度，元素將會自動擴展以適應內容。

.example{
min-height: 200px;
}

需要注意的是，如果元素中的內容超過了最小高度，元素將會自動擴展以適應內容。而如果想要避免這種情況，可以使用max-height屬性來設置元素的最大高度。同樣，這個屬性的值也可以為一個固定值或一個百分比值。

.example{
max-height: 500px;
}

總的來說，使用CSS中的auto、min-height和max-height屬性可以使元素更好地適應變化的內容。而且，在進行響應式設計時，這些屬性的使用可以更方便地適應不同大小的屏幕和設備。