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

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

當(dāng)設(shè)置元素的高度同時(shí)也要計(jì)算寬度時(shí)，可以使用padding-top屬性和padding-bottom屬性來實(shí)現(xiàn)。padding-top和padding-bottom分別表示元素與內(nèi)容的上下距離，它們會(huì)影響元素的實(shí)際高度，從而實(shí)現(xiàn)自適應(yīng)的寬度計(jì)算。

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

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

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

通過以上的設(shè)置，可以實(shí)現(xiàn)高度自適應(yīng)、寬度根據(jù)內(nèi)容計(jì)算的效果。在實(shí)際應(yīng)用中，也可以根據(jù)具體場景進(jìn)行微調(diào)和優(yōu)化。