CSS定位是網頁設計中非常重要的一個技能，通過定位可以實現網頁上元素的精確布局。其中，絕對定位和相對定位是兩種最常見的定位方式。不過在使用CSS定位的過程中，也會出現一些問題，比如定位以后沒有高度。該如何解決這個問題呢？

.post {
position: absolute;
top: 0;
left: 0;
}

假設我們現在有一個div元素，class為post，它的定位方式為絕對定位，代碼如上所示。在實際使用中，我們可能會發現該元素的高度為0，這可能會導致一些問題。

首先，我們需要明確絕對定位脫離了文檔流，所以元素無法自適應高度。如果想要讓這個元素有高度，可以通過以下幾種方法實現：

/* 1.設置高度 */
.post {
position: absolute;
top: 0;
left: 0;
height: 100px;
}
/* 2.padding撐開高度 */
.post {
position: absolute;
top: 0;
left: 0;
padding-bottom: 100px;
}
/* 3.使用偽元素撐開高度 */
.post {
position: absolute;
top: 0;
left: 0;
}
.post::after {
content: '';
display: block;
height: 100px;
}

以上三種方法都可以解決絕對定位元素沒有高度的問題，具體使用哪一種方法取決于實際需求。當然，在布局時也應該盡量考慮避免使用絕對定位，因為它有可能會導致其他問題的出現。