CSS是網頁開發中不可或缺的一部分，其強大的控制樣式的能力讓頁面呈現出豐富的效果。其中，父級高度靠子級是CSS中一個常見的問題。在默認情況下，父元素的高度是由其包含的子元素撐開的，但有時候我們需要讓父元素的高度自動去適應其子元素的高度。下面我們來看看如何實現這個效果。

首先，我們需要防止父元素的高度被子元素撐開。可以通過設置父元素的overflow屬性為hidden來達到這個目的。

.parent{
overflow: hidden;
}

接下來，讓子元素浮動，使其脫離文檔流，同時設置clear:both屬性清除浮動。

.child{
float: left;
clear: both;
}

最后，我們使用偽元素:after在父元素的最后一個子元素之后插入一個空塊元素，這個元素設置clear:both屬性，從而保證父元素自動適應子元素的高度。

.parent:after{
content: "";
display: block;
clear: both;
}

通過以上步驟，我們實現了讓父元素高度靠子級的效果。同時，我們也可以使用Flexbox布局或Grid布局來實現這個效果。