CSS計(jì)算div高度是我們?cè)诰W(wǎng)頁開發(fā)中常碰到的問題之一。通過使用CSS，我們可以簡(jiǎn)單地計(jì)算出div的高度。

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

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

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

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

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

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