在前端開發中，有時需要動態獲取元素的高度，以便進行下一步的布局計算或動畫效果，CSS提供了多種方法來實現這一功能。

其中比較常用的方法是使用JavaScript獲取元素的高度，但有時候我們希望使用純CSS的方式來實現這一功能。以下是常見的幾種方法：

// 第一種方法：使用height屬性獲取元素高度
div {
height: auto; /*或其他高度值*/
overflow: hidden;
}

這種方法設置元素的高度為auto，并設置overflow為hidden，然后就可以獲取元素實際的高度了。

// 第二種方法：使用max-height屬性獲取元素高度
div {
max-height: none; /*或其他高度值*/
overflow: hidden;
}

這種方法同樣使用overflow:hidden屬性，但是將height屬性替換為max-height屬性，同樣可以獲取元素的實際高度。

// 第三種方法：使用padding-bottom獲取元素高度
div {
height:auto;
padding-bottom:20%;
}

這種方法使用padding-bottom屬性來撐高元素，因為padding百分比是相對于元素寬度計算的，所以可以通過設置padding-bottom值來獲取元素的實際高度。

以上是常見的幾種CSS動態獲取元素高度的方法，使用這些方法可以更方便地實現頁面布局和動畫效果。