小白學CSS總結的BFC模式解決父級高度塌陷問題

學前端已經有一段時間了,最近在對前端基礎知識做一個梳理總結,今天聯絡頁面的時候遇到了一個浮動元素造成父級高度塌陷的問題,為了弄清楚這個問題,我也是好一番查資料,原來MDN上專門介紹過解決這個問題的辦法,下面我就來分享一下我個人的心得。

首先,我先說一下我遇到的問題是什麼?

下面是兩個容器元素box和box1,其中box1是子元素。

這是元素的CSS樣式。