CSS計算div高度是我們在網(wǎng)頁開發(fā)中常碰到的問題之一。通過使用CSS，我們可以簡單地計算出div的高度。

div {
height: calc(100% - 50px);
/* 100%為父元素高度，減去50px */
}

上面的代碼中，我們使用了calc()函數(shù)來計算div的高度。 % 和 px 單位可以混合使用。

下面是一個實際例子，我們用CSS計算出一個div距離頁面底部20%的高度，并且寬度為100%：

.container {
height: calc(80% - 50px);
width: 100%;
background-color: #fff;
position: absolute;
bottom: 20%;
}

在上面的代碼中，我們首先使用了calc()函數(shù)來計算高度。然后，我們使用了絕對定位，將div定位到頁面底部20%處。

總的來說，CSS計算div高度是一種十分便捷的方法，它可以使我們更加快速地達到頁面設計的目的。