CSS是網(wǎng)頁開發(fā)中不可或缺的一部分，其強(qiáng)大的控制樣式的能力讓頁面呈現(xiàn)出豐富的效果。其中，父級高度靠子級是CSS中一個(gè)常見的問題。在默認(rèn)情況下，父元素的高度是由其包含的子元素?fù)伍_的，但有時(shí)候我們需要讓父元素的高度自動去適應(yīng)其子元素的高度。下面我們來看看如何實(shí)現(xiàn)這個(gè)效果。

首先，我們需要防止父元素的高度被子元素?fù)伍_。可以通過設(shè)置父元素的overflow屬性為hidden來達(dá)到這個(gè)目的。

.parent{
overflow: hidden;
}

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

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

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

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

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