CSS可以用來(lái)設(shè)置HTML元素的寬度和高度，但是在一些情況下，高度固定的設(shè)置不是最好的選擇。有時(shí)候我們希望元素的高度能夠自適應(yīng)內(nèi)容的大小。這時(shí)我們可以使用CSS來(lái)實(shí)現(xiàn)高度為內(nèi)容大小。

.element {
height: auto;
}

在上面的代碼中，我們將元素的高度設(shè)置為auto，這意味著元素的高度將完全根據(jù)內(nèi)容來(lái)決定。也就是說，元素的高度將根據(jù)內(nèi)容自動(dòng)增加或減少。

但是有一個(gè)問題就是，元素的高度將會(huì)根據(jù)它所包含的文本的大小而變化。如果該元素中包含了其他元素（如圖片），那么它的高度將不僅僅由文本決定，而是由所有內(nèi)容共同決定。如果你希望只影響文本的高度，那么可以通過display: inline-block;來(lái)解決。

.element {
height: auto;
display: inline-block;
}

通過在元素中設(shè)置display:inline-block，元素將變成塊級(jí)與行內(nèi)的混合形式，可以使高度根據(jù)文本內(nèi)容自適應(yīng)，而不受其他元素的影響。

總的來(lái)說，使用CSS讓元素的高度能夠自適應(yīng)內(nèi)容大小，可以大大提高網(wǎng)頁(yè)的可讀性和視覺效果。