CSS獲取上層高度是前端開發中常見的需求。在某些布局下，我們需要獲取父級元素的高度以便進行一些處理，比如垂直居中、響應式布局等。本文將介紹如何通過CSS獲取父級元素的高度。

.parent {
height: 300px;
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在上述例子中，我們設置了一個父級元素，并設置了其高度為300px。接著我們設置了一個子元素，并設置了其位置為絕對定位，利用transform屬性將其豎直方向上居中。

如果我們需要獲取父級元素的高度，可以使用CSS的calc方法結合100%來實現。

.child {
height: calc(100% - 20px);
/* 20px為子元素本身的高度 */
}

這種方法的原理是將子元素撐滿整個父級容器，在計算時減去子元素自身的高度，從而達到獲取父級元素高度的目的。

CSS獲取上層高度是前端開發中比較基礎的操作，但由于它的靈活性，可以適用于不同的布局模式，達到更好的效果。