在網頁設計中，經常會遇到需要設置元素自動高度的需求。比如，想要一個盒子內容多少，盒子高度就會自動調整。這時候，就需要借助CSS來實現自動高度效果。

CSS中設置元素自動高度，一般有兩種方法：

1.使用float浮動

.box{
float:left;
width:auto;
height:auto;
}

上述代碼中，將元素設置為float:left即可讓它自動適應高度。但是，需要注意的是，對于有多個float元素的情況，需要清除浮動，否則會影響后續元素的布局。

2.使用display:flex

.box{
display:flex;
flex-direction:column;
}

使用display:flex可以讓元素自動適應高度。對于這種方法，需要注意的是，需要設置flex-direction屬性，一般設置為column，表示元素沿著垂直方向排列。

通過上述兩種方法，可以實現元素自動高度的效果。根據實際情況，選擇一種方法即可。