CSS是一種用于樣式定義的語言，可以將頁面中的HTML元素設置樣式，包括顏色、字體、尺寸和布局等。其中，設置高度計算寬度是常見的一個操作，可以讓容器元素根據內容來自適應。

在CSS中，height屬性用于設置元素的高度，一般使用像素(px)或百分比(%)進行定義。而width屬性用于設置元素的寬度，同樣可以使用像素(px)或百分比(%)。

當設置元素的高度同時也要計算寬度時，可以使用padding-top屬性和padding-bottom屬性來實現。padding-top和padding-bottom分別表示元素與內容的上下距離，它們會影響元素的實際高度，從而實現自適應的寬度計算。

.container{
	height: 0;
	padding-top: 50%; /*表示元素高度是內容寬度的50%*/
	position: relative; /*為了讓子元素可以使用絕對定位*/
}
.content{
	position: absolute; /*為了讓子元素可以根據父元素的高度居中*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /*居中顯示*/
}

在上面的代碼中，.container是包含內容的容器元素，設置了height為0，padding-top為50%，表示元素的高度是內容寬度的50%。同時，使用了position:relative屬性和position:absolute屬性，用于元素的絕對定位和上下居中。

.content是容器元素中的內容元素，使用了position:absolute屬性進行定位，并使用了top和left屬性控制位置。同時，使用了transform屬性將元素居中顯示。

通過以上的設置，可以實現高度自適應、寬度根據內容計算的效果。在實際應用中，也可以根據具體場景進行微調和優化。